Multiple Charts in a Page - CanvasJS

Multiple Charts in a Page - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="433875" style="width: 80%; height:400px;"></div>
<div id="786968" style="width: 80%; height:400px;"></div>
<div id="411567" style="width: 80%; height:400px;"></div>
<div id="676950" style="width: 80%; height:400px;"></div>
<div id="878574" style="width: 80%; height:400px;"></div>
<div id="383287" style="width: 80%; height:400px;"></div>
<div id="884525" style="width: 80%; height:400px;"></div>
<div id="934596" style="width: 80%; height:400px;"></div>
<div id="545917" style="width: 80%; height:400px;"></div>
<div id="413051" style="width: 80%; height:400px;"></div>
<div id="202607" style="width: 80%; height:400px;"></div>
<div id="584488" style="width: 80%; height:400px;"></div>
<div id="551826" style="width: 80%; height:400px;"></div>
<div id="578679" style="width: 80%; height:400px;"></div>
<div id="389090" style="width: 80%; height:400px;"></div>
<div id="454863" style="width: 80%; height:400px;"></div>
<div id="557256" style="width: 80%; height:400px;"></div>
<div id="346325" style="width: 80%; height:400px;"></div>

JavaScript

var chart433875 = new CanvasJS.Chart("433875", {
        title: {
            text: "2 - April 2013"
        },
        data: [{
            type: "line",
            dataPoints: [{
                x: new Date(2013, 3, 1),
                y: 0.00
            }, {
                x: new Date(2013, 3, 2),
                y: 0.00
            }, {
                x: new Date(2013, 3, 3),
                y: 0.00
            }, {
                x: new Date(2013, 3, 4),
                y: 0.00
            }, {
                x: new Date(2013, 3, 5),
                y: 0.00
            }, {
                x: new Date(2013, 3, 6),
                y: 0.00
            }, {
                x: new Date(2013, 3, 7),
                y: 0.00
            }, {
                x: new Date(2013, 3, 8),
                y: 0.00
            }, {
                x: new Date(2013, 3, 9),
                y: 0.00
            }, {
                x: new Date(2013, 3, 10),
                y: 0.00
            }, {
                x: new Date(2013, 3, 11),
                y: 0.00
            }, {
                x: new Date(2013, 3, 12),
                y: 0.00
            }, {
                x: new Date(2013, 3, 13),
                y: 0.00
            }, {
                x: new Date(2013, 3, 14),
                y: 0.00
            }, {
                x: new Date(2013, 3, 15),
                y: 0.00
            }, {
                x: new Date(2013, 3, 16),
                y: 0.00
            }, {
                x: new Date(2013, 3, 17),
                y: 0.00
            }, {
                x: new Date(2013, 3, 18),
                y: 0.00
            }, {
                x: new Date(2013, 3, 19),
                y: 0.05
            }, {
                x: new Date(2013, 3, 20),
                y: 0.03
            }, {
                x: new Date(2013, 3, 21),
                y: 0.00
            }, {
                x: new Date(2013, 3, 22),
                y: 0.00
            },...