amcharts Column chart with a drill-down
by amcharts
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/amstock.js"></script>
<script src="http://www.amcharts.com/lib/3/plugins/export/export.js"></script>
<link rel="stylesheet" href="http://www.amcharts.com/lib/3/plugins/export/export.css">
<div id="chartdiv" style="width: 100%; height: 355px;"></div>
JavaScript
AmCharts.ready(function () {
generateChartData();
console.log(chartData);
console.log(chartDataOrg);
createStockChart();
});
var chartDataOrg = [{"complete": true, "trend": "?", "closeMid": 10.045, "highMid": 10.048, "lowMid": 10.0285, "volume": 983, "openMid": 10.0415, "crossed": false, "time": "2015-05-08T17:00:00.000000Z", "teller": 0}, {"complete": true, "trend": "?", "closeMid": 10.027, "highMid": 10.0535, "lowMid": 10.0105, "slowMA": NaN, "volume": 680, "openMid": 10.0485, "crossed": false, "teller": 1, "time": "2015-05-10T21:00:00.000000Z", "fastMA": NaN}, {"complete": true, "trend": "?", "closeMid": 10.0275, "highMid": 10.04, "lowMid": 10.0095, "slowMA": NaN, "volume": 653, "openMid": 10.0275, "crossed": false, "teller": 2, "time": "2015-05-11T01:00:00.000000Z", "fastMA": NaN}, {"complete": true, "trend": "?", "closeMid": 10.0025, "highMid": 10.051, "lowMid": 10.002, "slowMA": NaN, "volume": 1652, "openMid": 10.027, "crossed": false, "teller": 3, "time": "2015-05-11T05:00:00.000000Z", "fastMA": NaN}, {"complete": true, "trend": "?", "closeMid": 10, "highMid": 10.0155, "lowMid": 9.9755, "slowMA": NaN, "volume": 1644, "openMid": 10.002, "crossed": false, "teller": 4, "time": "2015-05-11T09:00:00.000000Z", "fastMA": NaN}, {"complete": true, "trend": "?", "closeMid": 9.948, "highMid": 10.0165, "lowMid": 9.9255, "slowMA": NaN, "volume": 1797, "openMid": 9.9985, "crossed": false, "teller": 5, "time": "2015-05-11T13:00:00.000000Z", "fastMA": NaN}, {"complete": true, "trend": "?", "closeMid": 9.9375, "highMid": 9.965, "lowMid": 9.937, "slowMA": NaN, "volume": 1015, "openMid": 9.9475, "crossed": false, "teller": 6, "time": "2015-05-11T17:00:00.000000Z", "fastMA": NaN}, {"complete": true, "trend": "?", "closeMid": 9.938, "highMid": 9.9425, "lowMid": 9.933, "slowMA": NaN, "volume": 291, "openMid": 9.9395, "crossed": false, "teller": 7, "time": "2015-05-11T21:00:00.000000Z", "fastMA": NaN},...