Rendering Chart from External JSON Data - CanvasJS

Rendering Chart from External JSON Data - CanvasJS

HTML

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

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
{
animationEnabled: true,
axisX:{
gridColor: "Silver",
tickColor: "silver",
labelAngle: -50
},
toolTip:{
shared:true
},
axisY: {
gridColor: "Silver",
tickColor: "silver"
},
legend:{
verticalAlign: "bottom",
horizontalAlign: "center",
fontFamily: "Expressway-Rg"
},
data: [
{
type: "line",
showInLegend: true,
lineThickness: 2,
name: "Orders Week Ending " + "15/05/2016",
markerType: "square",
color: "#cc0000",
dataPoints:[{label:'Monday',y:0},{label:'Tuesday',y:0},{label:'Wednesday',y:6},{label:'Thursday',y:5},{label:'Friday',y:5},{label:'Saturday',y:0},{label:'Sunday',y:2}] },
{
type: "line",
showInLegend: true,
name: "Orders Week Ending " + "08/05/2016",
color: "#000000",
lineThickness: 2,
dataPoints:[{label:'Monday',y:1},{label:'Tuesday',y:4},{label:'Wednesday',y:0},{label:'Thursday',y:0},{label:'Friday',y:0},{label:'Saturday',y:0},{label:'Sunday',y:9}] }
]
});
chart.render();