jQuery Line Chart from external JSON File | CanvasJS JavaScript / jQuery Charts

jQuery Line Chart from external JSON File | CanvasJS JavaScript / jQuery Charts

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>

JavaScript

var dataPoints = [];

var options = {
  animationEnabled: true,
  theme: "light2",
  title: {
    text: "Contract Value of Platform"
  },
  // axisX: {
  // valueFormatString: "string",
  // },
  axisY: {
    title: "$",
    titleFontSize: 24,
    includeZero: false
  },
  data: [{
    type: "spline",
    yValueFormatString: "$#,###.##",
    dataPoints: dataPoints
  }]
};

function addData(data) {
  for (var i = 0; i < data.length; i++) {  	
    dataPoints.push({
      label: data[i].platform,
      y: Number(data[i].value__sum)
    });  
  }
  $("#chartContainer").CanvasJSChart(options);
}

$.getJSON("https://api.myjson.com/bins/1495ey", addData);