Basic HTML5 Chart Example - CanvasJS JavaScript Charts

Basic HTML5 Chart Example - CanvasJS JavaScript Charts

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->

<div id="194" style="height: 360px; width: 100%;"></div>
<div id="195" style="height: 360px; width: 100%;"></div>
<div id="196" style="height: 360px; width: 100%;"></div>
<div id="payout-105" style="height: 360px; width: 100%;"></div>

JavaScript

var type, div, chart;
    
    
    type = "spline";
    div = 1000000000.0;
    chart = new CanvasJS.Chart("194", {
          title:{
            text: "5123123.xls"
          },
          data: [
            
              {
               type: type,
               name: "5",
               showInLegend: true,
               legendText: "5",
               dataPoints: [
               {
                   x: 0,
                   y: (1.4785e+11)/div },{
                   x: 1,
                   y: (1.48371447723e+11)/div },{
                   x: 2,
                   y: (1.37460258972e+11)/div },{
                   x: 3,
                   y: (1.32859146663e+11)/div },{
                   x: 4,
                   y: (1.33799949882e+11)/div },{
                   x: 5,
                   y: (1.35158989514e+11)/div },{
                   x: 6,
                   y: (1.34300678985e+11)/div },{
                   x: 7,
                   y: (1.33814545579e+11)/div },{
                   x: 8,
                   y: (1.30314887119e+11)/div },{
                   x: 9,
                   y: (1.30573516951e+11)/div },{
                   x: 10,
                   y: (1.26068576361e+11)/div },{
                   x: 11,
                   y: (1.24859700669e+11)/div },{
                   x: 12,
                   y: (1.3172405972e+11)/div },{
                   x: 13,
                   y: (1.25004488075e+11)/div },{
                   x: 14,
                   y: (1.1962355378e+11)/div },{
                   x: 15,
                   y: (1.13320053091e+11)/div },{
                   x: 16,
                   y: (1.05277247236e+11)/div },{
                   x: 17,
                   y: (1.12034405156e+11)/div },{
                   x: 18,
                   y: (1.02025899203e+11)/div },{
                   x: 19,
                   y: (92163322047.8)/div },{
                   x: 20,
                   y: (82410869854.3)/div },{
                   x: 21,
         ...