JavaScript Slide Chart 

VIEW MORE CHARTS
SAVE
VIEW HTML
EDIT ON CODEPEN
A slide chart is used for presenting multiple charts. Multiple different chart types can be combined in a slide chart. To create a slide chart using KoolChart's JavaScript charting library, the user needs to make the layouts and datasets that are used to create the charts that composes the slide chart, and to call the setSlideLayoutSet() and setSlideDataSet() functions instead of the setLayout() and setData() functions.
function chartReadyHandler (id) {
layoutSet = [columnLayout, lineLayout, column3dLayout, radarLayout];
dataSet = [chartData1, chartData2, chartData3, chartData4];

document.getElementById(id).setSlideLayoutSet(layoutSet);
document.getElementById(id).setSlideDataSet(dataSet);
}