Charts

Single Line chart

let lSingle = new LineChart({
    height: 200,
    element: d3.select('#chart0'),
    type: 'line',
    data: data0
});
lSingle.init();
let lSingleXAxis = new XAxis({chart: lSingle});
let lSingleYAxis = new YAxis({chart: lSingle});
let lSingleLegend = new Legend({chart: lSingle});
let lSingleoverlay = new OverlayLayer({chart: lSingle, legend: lSingleLegend, above: true});

        

Multiple Line chart

let lMulti = new LineChart({
    height: 200,
    element: d3.select('#chart0'),
    type: 'line',
    data: data1
});
lMulti.init();
        

Single Bar chart

let bSingle = new StackBarChart({
    height: 200,
    element: d3.select('#chart0'),
    type: 'bar',
    data: data2
});
bSingle.init();
        

Multi Bar chart

let bMulti = new StackBarChart({
    height: 200,
    element: d3.select('#chart3'),
    type: 'bar',
    data: data1
});
bMulti.init();
        

Pie chart

let pie = new PieChart({
    height: 200,
    element: d3.select('#chart4'),
    type: 'pie',
    data: dataPie
});
pie.init();
        

Charts with missing data

Single Line chart

let lSingle = new LineChart({
    height: 200,
    element: d3.select('#chart5'),
    type: 'line',
    data: data0
});
lSingle.init();
let lSingleXAxis = new XAxis({chart: lSingle});
let lSingleYAxis = new YAxis({chart: lSingle});
let lSingleLegend = new Legend({chart: lSingle});
let lSingleOverlay = new OverlayLayer({chart: lSingle, legend: lSingleLegend, above: true});
let lSingleNullDataLayer = new NullDataLayer({chart: lSingle, legend: lSingleLegend, above: false});