Multiple Chart - CanvasjJS

Multiple Chart - CanvasjJS

by canvasjs

HTML

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

JavaScript

var chart1 = new CanvasJS.Chart("container1", {
        title: {
            text: "Column Chart"
        },
        data: [{
            type: "column",
            dataPoints: [{
                x: 10,
                y: 2
            }, {
                x: 20,
                y: 4
            }, {
                x: 30,
                y: 5
            }, {
                x: 40,
                y: 1
            }]
        }]
    });
    chart1.render();
    
    var chart2 = new CanvasJS.Chart("container2", {
        title: {
            text: "Column Chart"
        },
        data: [{
            type: "column",
            dataPoints: [{
                x: 10,
                y: 2
            }, {
                x: 20,
                y: 4
            }, {
                x: 30,
                y: 5
            }, {
                x: 40,
                y: 1
            }]
        }]
    });
    chart2.render();