CanvasJS Columns Hides
by Ayan Ghatak
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 400px; width: 100%;">
</div>
<div id="chartContainer1" style="height: 600px; width: 100%;">
</div>
JavaScript
window.onload = function() {
['chartContainer', 'chartContainer1'].map((key) => {
var chart = new CanvasJS.Chart(key, {
"id": "",
"data": [{
"name": "_avg",
"type": "column",
"dataPoints": [{
"x": 1549477800000,
"y": null
},
{
"x": 1549823400000,
"y": null
},
{
"x": 1549909800000,
"y": 1549909800000
},
{
"x": 1549996200000,
"y": null
},
{
"x": 1550082600000,
"y": null
},
{
"x": 1550169000000,
"y": null
},
{
"x": 1550601000000,
"y": null
}
],
},
{
"name": "_count",
"type": "column",
"dataPoints": [{
"x": 1549477800000,
"y": null
},
{
"x": 1549823400000,
"y": null
},
{
"x": 1549909800000,
"y": 1440
},
{
"x": 1549996200000,
"y": null
},
{
"x": 1550082600000,
"y": null
},
{
"x": 1550169000000,
"y": null
},
{
"x": 1550601000000,
"y": null
}
],
},
{
"name": "_avg_1d",
"type": "column",
"dataPoints": [{
"x": 1549477800000,
"y": null
},
{
"x": 1549823400000,
"y": null
},
{
"x": 1549909800000,
"y": null
},
{
"x": 1549996200000,
"y":...