Highcharts Demo

author(s): Himanshu Mandal

HTML

<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;">
</div>

JavaScript

var data = [{
  "category": "Q12012",
  "value1": 31845935.15,
  "value3": 0.00
}, {
  "category": "Q22012",
  "value1": 29674500.79,
  "value3": 0.00
}, {
  "category": "Q32012",
  "value1": 30935441.96,
  "value3": 0.00
}, {
  "category": "Q42012",
  "value1": 31748214.07,
  "value3": 0.00
}, {
  "category": "Q12013",
  "value1": 36601910.60,
  "value3": 31051022.99
}, {
  "category": "Q22013",
  "value1": 39663505.35,
  "value3": 32240016.86
}, {
  "category": "Q32013",
  "value1": 39822373.03,
  "value3": 34737268.00
}, {
  "category": "Q42013",
  "value1": 37821101.06,
  "value3": 36959000.76
}, {
  "category": "Q12014",
  "value1": 47430411.67,
  "value3": 38477222.51
}, {
  "category": "Q22014",
  "value1": 47493801.18,
  "value3": 41184347.78
}, {
  "category": "Q32014",
  "value1": 0.00,
  "value3": 43141921.74
}];

while (remove('value1', 0, data)) {}


while (remove('value3', 0, data)) {}

AmCharts.makeChart("chartdiv", {
  "type": "serial",
  "categoryField": "category",
  "startDuration": 1,
  "categoryAxis": {
    "gridPosition": "start"
  },
  "trendLines": [],
  "graphs": [{
    "balloonText": "[[title]] of [[category]]:[[value]]",
    "bullet": "round",
    "id": "AmGraph-1",
    "title": "Red Line",
    "valueField": "value1"
  }, {
    "balloonText": "[[title]] of [[category]]:[[value]]",
    "bullet": "square",
    "id": "AmGraph-2",
    "title": "Yellow Line",
    "valueField": "value3"
  }],
  "guides": [],
  "valueAxes": [{
    "id": "ValueAxis-1",
    "title": "Y-Axis title"
  }],
  "allLabels": [],
  "balloon": {},
  "legend": {
    "enabled": true,
    "useGraphSettings": true
  },
  "titles": [{
    "id": "Title-1",
    "size": 15,
    "text": "Chart Title"
  }],
  "dataProvider": data
});

function remove(property, num, arr) {
  var flag = false;
  for (var i in arr) {
    if (arr[i][property] == num) {
      //arr.splice(i, 1);
      arr[i][property] = null;
      flag = 1;
      return true
    }
  }
  return false;
}