<script>
import LineChart from './LineChart.svelte';
import series from './series.js';
let auto = true;
let y1 = Infinity;
let y2 = -Infinity;
series
.sort((a, b) => b[b.length - 1].y - a[a.length - 1].y)
.forEach(s => {
s.forEach(d => {
if (d.y < y1) y1 = d.y;
if (d.y > y2) y2 = d.y;
});
});
</script>
<div class="chart">
<div class="controls">
<label>
<input type="radio" bind:group={auto} value={true}> Individual scales
</label>
<label>
<input type="radio" bind:group={auto} value={false}> Shared scales
</label>
</div>
{#each series as s}
<div class="multiple">
<LineChart auto={auto} {y1} {y2} data={s}/>
</div>
{/each}
</div>