Basic Column Chart - CanvasJS JavaScript Charts
Basic Column Chart - CanvasJS JavaScript Charts
by canvasjs
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer", {
axisY:{
// minimum: 30830000000,
includeZero: false
},
data: [{
type: "line",
xValueType: 'dateTime',
dataPoints: [{
"x": 1531132300000,
"y": 30835249152
}, {
"x": 1531132320000,
"y": 30835716096
}, {
"x": 1531132330000,
"y": 30837161984
}, {
"x": 1531132350000,
"y": 30836518912
}, {
"x": 1531132360000,
"y": 30837186560
}, {
"x": 1531132380000,
"y": 30838747136
}, {
"x": 1531132390000,
"y": 30835417088
}, {
"x": 1531132410000,
"y": 30835023872
}, {
"x": 1531132420000,
"y": 30835314688
}, {
"x": 1531132440000,
"y": 30840512512
}, {
"x": 1531132450000,
"y": 30838595584
}, {
"x": 1531132470000,
"y": 30838693888
}, {
"x": 1531132480000,
"y": 30839857152
}, {
"x": 1531132500000,
"y": 30884478976
}, {
"x": 1531132510000,
"y": 30837952512
}, {
"x": 1531132530000,
"y": 30837784576
}, {
"x": 1531132540000,
"y": 30838538240
}, {
"x": 1531132560000,
"y": 30837825536
}, {
"x": 1531132570000,
"y": 30838796288
}, {
"x": 1531132590000,
"y": 30834728960
}, {
"x": 1531132600000,
"y": 30835208192
}, {
"x": 1531132620000,
"y": 30836408320
}, {
"x": 1531132630000,
"y": 30836645888
}, {
"x": 1531132650000,
"y": 30838181888
}, {
"x": 1531132660000,
"y": 30838943744
}, {
"x": 1531132680000,
"y": 30839746560
}, {
"x": 1531132690000,
"y": 30836785152
}, {
"x": 1531132710000,
"y": 30837088256
}, {
"x": 1531132720000,
"y": 30837379072
}, {
"x": 1531132740000,
"y": 30839181312
}, {
"x": 1531132750000,
"y": 30839017472
}, {
...