Multiple chart on same page - CanvasJS

Multiple chart on same page - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer1" style="width:100%; height:300px"></div>
<div id="chartContainer2" style="width:100%; height:300px"></div>
<div id="chartContainer3" style="width:100%; height:300px"></div>

JavaScript

var dataPoints = [
    { x: 10, y: 10 },{ x: 20, y: 15 },{ x: 30, y: 25 },{ x: 40, y: 30 },{ x: 50, y: 28 } ];
	
renderMyChart(chartContainer1, dataPoints);
renderMyChart(chartContainer2, dataPoints);
renderMyChart(chartContainer3, dataPoints);


function renderMyChart(theDIVid, myData) {
    var chart = new CanvasJS.Chart(theDIVid, {
        data: [
            {
                type: "column",
                dataPoints: myData
            }
        ]
    });
    chart.render();
}