Multiseries chart based on ID from JSON - CanvasJS JavaScript Charts

Multiseries chart based on ID from JSON - 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 dataSeries = [];
var chart = new CanvasJS.Chart("chartContainer", {            
  title: {
    text: "MultiSeries Chart from JSON"
  },
  zoomEnabled: true, 
  toolTip: {
    animationEnabled: true,
    shared: true
  },
  data: dataSeries
});

$.when(
    $.getJSON("https://api.myjson.com/bins/9bjpr", function(result) {      
    		for(var i = 0; i < result.length; i++) {
        	var dps = [];
        	var member = result[i].member;
          var len = Object.keys(result[i]).length - 2;
          for(j = 1; j <= len; j++) {
          	dps.push({x: j, y: Number(result[i][j])});
          }
          dataSeries.push({name: member, type: "line", dataPoints: dps});
        }
      })
    ).then(function() {
    chart.render();
 });