$(document).ready(function () { "use strict"; // Start of use strict //amchart var chart = AmCharts.makeChart("combined-bullet", { "type": "serial", "theme": "dark", "dataDateFormat": "YYYY-MM-DD", "precision": 2, "color": "#FFFFFF", "valueAxes": [{ "id": "v1", "title": "Sales", "position": "left", "autoGridCount": false, "labelFunction": function (value) { return "$" + Math.round(value) + "M"; } }, { "id": "v2", "title": "Market Days", "gridAlpha": 0, "position": "right", "autoGridCount": false }], "graphs": [{ "id": "g3", "valueAxis": "v1", "lineColor": "#e1ede9", "fillColors": "#e1ede9", "fillAlphas": 1, "type": "column", "title": "Actual Sales", "valueField": "sales2", "clustered": false, "columnWidth": 0.5, "legendValueText": "$[[value]]M", "balloonText": "[[title]]
$[[value]]M" }, { "id": "g4", "valueAxis": "v1", "lineColor": "#03A9F5", "fillColors": "#03A9F5", "fillAlphas": 1, "type": "column", "title": "Target Sales", "valueField": "sales1", "clustered": false, "columnWidth": 0.3, "legendValueText": "$[[value]]M", "balloonText": "[[title]]
$[[value]]M" }, { "id": "g1", "valueAxis": "v2", "bullet": "round", "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "bulletSize": 5, "hideBulletsCount": 50, "lineThickness": 2, "lineColor": "#0000FF", "type": "smoothedLine", "title": "Market Days", "useLineColorForBulletBorder": true, "valueField": "market1", "balloonText": "[[title]]
[[value]]" }, { "id": "g2", "valueAxis": "v2", "bullet": "round", "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "bulletSize": 5, "hideBulletsCount": 50, "lineThickness": 2, "lineColor": "#F44336", "type": "smoothedLine", "dashLength": 5, "title": "Market Days ALL", "useLineColorForBulletBorder": true, "valueField": "market2", "balloonText": "[[title]]
[[value]]" }], "chartScrollbar": { "graph": "g1", "oppositeAxis": false, "offset": 30, "scrollbarHeight": 50, "backgroundAlpha": 0, "selectedBackgroundAlpha": 0.9, "selectedBackgroundColor": "#ffffff", "graphFillAlpha": 0, "graphLineAlpha": 0.5, "selectedGraphFillAlpha": 0, "selectedGraphLineAlpha": 1, "autoGridCount": true, "color": "#AAAAAA" }, "chartCursor": { "pan": true, "valueLineEnabled": true, "valueLineBalloonEnabled": true, "cursorAlpha": 0, "valueLineAlpha": 0.2 }, "categoryField": "date", "categoryAxis": { "parseDates": true, "dashLength": 1, "minorGridEnabled": true }, "legend": { "useGraphSettings": true, "color": "#FFFFFF", "position": "top" }, "balloon": { "borderThickness": 1, "shadowAlpha": 0 }, "export": { "enabled": true }, "dataProvider": [{ "date": "2013-01-16", "market1": 71, "market2": 75, "sales1": 5, "sales2": 8 }, { "date": "2013-01-17", "market1": 74, "market2": 78, "sales1": 4, "sales2": 6 }, { "date": "2013-01-18", "market1": 78, "market2": 88, "sales1": 5, "sales2": 2 }, { "date": "2013-01-19", "market1": 85, "market2": 89, "sales1": 8, "sales2": 9 }, { "date": "2013-01-20", "market1": 82, "market2": 89, "sales1": 9, "sales2": 6 }, { "date": "2013-01-21", "market1": 83, "market2": 85, "sales1": 3, "sales2": 5 }, { "date": "2013-01-22", "market1": 88, "market2": 92, "sales1": 5, "sales2": 7 }, { "date": "2013-01-23", "market1": 85, "market2": 90, "sales1": 7, "sales2": 6 }, { "date": "2013-01-24", "market1": 85, "market2": 91, "sales1": 9, "sales2": 5 }, { "date": "2013-01-25", "market1": 80, "market2": 84, "sales1": 5, "sales2": 8 }, { "date": "2013-01-26", "market1": 87, "market2": 92, "sales1": 4, "sales2": 8 }, { "date": "2013-01-27", "market1": 84, "market2": 87, "sales1": 3, "sales2": 4 }, { "date": "2013-01-28", "market1": 83, "market2": 88, "sales1": 5, "sales2": 7 }, { "date": "2013-01-29", "market1": 84, "market2": 87, "sales1": 5, "sales2": 8 }, { "date": "2013-01-30", "market1": 81, "market2": 85, "sales1": 4, "sales2": 7 }] }); var chartData = [{ "date": "2017-01-01", "distance": 250, "townName": "New York", "townName2": "New York", "townSize": 25, "latitude": 40.71, "duration": 408 }, { "date": "2017-01-02", "distance": 371, "townName": "Washington", "townSize": 14, "latitude": 38.89, "duration": 482 }, { "date": "2017-01-03", "distance": 433, "townName": "Wilmington", "townSize": 6, "latitude": 34.22, "duration": 562 }, { "date": "2017-01-04", "distance": 345, "townName": "Jacksonville", "townSize": 7, "latitude": 30.35, "duration": 379 }, { "date": "2017-01-05", "distance": 480, "townName": "Miami", "townName2": "Miami", "townSize": 10, "latitude": 25.83, "duration": 501 }, { "date": "2017-01-06", "distance": 386, "townName": "Tallahassee", "townSize": 7, "latitude": 30.46, "duration": 443 }, { "date": "2017-01-07", "distance": 348, "townName": "New Orleans", "townSize": 10, "latitude": 29.94, "duration": 405 }, { "date": "2017-01-08", "distance": 238, "townName": "Houston", "townName2": "Houston", "townSize": 16, "latitude": 29.76, "duration": 309 }, { "date": "2017-01-09", "distance": 218, "townName": "Dalas", "townSize": 17, "latitude": 32.8, "duration": 287 }, { "date": "2017-01-10", "distance": 349, "townName": "Oklahoma City", "townSize": 11, "latitude": 35.49, "duration": 485 }, { "date": "2017-01-11", "distance": 603, "townName": "Kansas City", "townSize": 10, "latitude": 39.1, "duration": 890 }, { "date": "2017-01-12", "distance": 534, "townName": "Denver", "townName2": "Denver", "townSize": 18, "latitude": 39.74, "duration": 810 }, { "date": "2017-01-13", "townName": "Salt Lake City", "townSize": 12, "distance": 425, "duration": 670, "latitude": 40.75, "alpha": 0.4 }, { "date": "2017-01-14", "latitude": 36.1, "duration": 470, "townName": "Las Vegas", "townName2": "Las Vegas", "bulletClass": "lastBullet" }, { "date": "2017-01-15" }, { "date": "2017-01-16" }]; var chart = AmCharts.makeChart("duration-value-axis", { "type": "serial", "theme": "dark", "dataDateFormat": "YYYY-MM-DD", "dataProvider": chartData, "addClassNames": true, "startDuration": 1, "color": "#FFFFFF", "marginLeft": 0, "categoryField": "date", "categoryAxis": { "parseDates": true, "minPeriod": "DD", "autoGridCount": false, "gridCount": 50, "gridAlpha": 0.1, // "gridColor": "#FFFFFF", "axisColor": "#555555", "dateFormats": [{ "period": 'DD', "format": 'DD' }, { "period": 'WW', "format": 'MMM DD' }, { "period": 'MM', "format": 'MMM' }, { "period": 'YYYY', "format": 'YYYY' }] }, "valueAxes": [{ "id": "a1", "title": "distance", "gridAlpha": 0, "axisAlpha": 0 }, { "id": "a2", "position": "right", "gridAlpha": 0, "axisAlpha": 0, "labelsEnabled": false }, { "id": "a3", "title": "duration", "position": "right", "gridAlpha": 0, "axisAlpha": 0, "inside": true, "duration": "mm", "durationUnits": { "DD": "d. ", "hh": "h ", "mm": "min", "ss": "" } }], "graphs": [{ "id": "g1", "valueField": "distance", "title": "distance", "type": "column", "fillAlphas": 0.9, "valueAxis": "a1", "balloonText": "[[value]] miles", "legendValueText": "[[value]] mi", "legendPeriodValueText": "total: [[value.sum]] mi", "lineColor": "#428bca", "alphaField": "alpha" }, { "id": "g2", "valueField": "latitude", "classNameField": "bulletClass", "title": "latitude/city", "type": "line", "valueAxis": "a2", "lineColor": "#03A9F5", "lineThickness": 1, "legendValueText": "[[value]]/[[description]]", "descriptionField": "townName", "bullet": "round", "bulletSizeField": "townSize", "bulletBorderColor": "#0000FF", "bulletBorderAlpha": 1, "bulletBorderThickness": 2, "bulletColor": "#00A2FF", "labelText": "[[townName2]]", "labelPosition": "right", "balloonText": "latitude:[[value]]", "showBalloon": true, "animationPlayed": true }, { "id": "g3", "title": "duration", "valueField": "duration", "type": "line", "valueAxis": "a3", "lineColor": "#F44336", "balloonText": "[[value]]", "lineThickness": 1, "legendValueText": "[[value]]", "bullet": "square", "bulletBorderColor": "#F44336", "bulletBorderThickness": 1, "bulletBorderAlpha": 1, "dashLengthField": "dashLength", "animationPlayed": true }], "chartCursor": { "zoomable": false, "categoryBalloonDateFormat": "DD", "cursorAlpha": 0, "valueBalloonsEnabled": false }, "legend": { "bulletType": "round", "equalWidths": false, "valueWidth": 120, "useGraphSettings": true, "color": "#FFFFFF" } }); /** * SVG path for target icon */ var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z"; /** * SVG path for plane icon */ var planeSVG = "m2,106h28l24,30h72l-44,-133h35l80,132h98c21,0 21,34 0,34l-98,0 -80,134h-35l43,-133h-71l-24,30h-28l15,-47"; /** * Create the map */ var map = AmCharts.makeChart("chartMap", { "type": "map", "theme": "light", "projection": "winkel3", "dataProvider": { "map": "worldLow", "lines": [{ "id": "line1", "arc": -0.85, "alpha": 0.3, "latitudes": [23.684994, 48.8567, 43.8163, 34.3, 23, 61.524010, 20.593684, 33.223191], "longitudes": [90.356331, 2.3510, -79.4287, -118.15, -82, 105.318756, 78.962880, 43.679291] }, { "id": "line2", "alpha": 0, "color": "#F44336", "latitudes": [23.684994, 48.8567, 43.8163, 34.3, 23, 61.524010, 20.593684, 33.223191], "longitudes": [90.356331, 2.3510, -79.4287, -118.15, -82, 105.318756, 78.962880, 43.679291] }], "images": [{ "svgPath": targetSVG, "title": "Bangladesh", "latitude": 23.684994, "longitude": 90.356331 }, { "svgPath": targetSVG, "title": "Paris", "latitude": 48.8567, "longitude": 2.3510 }, { "svgPath": targetSVG, "title": "Toronto", "latitude": 43.8163, "longitude": -79.4287 }, { "svgPath": targetSVG, "title": "Los Angeles", "latitude": 34.3, "longitude": -118.15 }, { "svgPath": targetSVG, "title": "Havana", "latitude": 23, "longitude": -82 }, {}, { "svgPath": targetSVG, "title": "Russia", "latitude": 61.524010, "longitude": 105.318756 }, {}, { "svgPath": targetSVG, "title": "India", "latitude": 20.593684, "longitude": 78.962880 }, {}, { "svgPath": targetSVG, "title": "Iraq", "latitude": 33.223191, "longitude": 43.679291 }, { "svgPath": planeSVG, "positionOnLine": 0, "color": "#0000FF", "alpha": 0.1, "animateAlongLine": true, "lineId": "line2", "flipDirection": true, "loop": true, "scale": 0.03, "positionScale": 1.3 }, { "svgPath": planeSVG, "positionOnLine": 0, "color": "#0000FF", "animateAlongLine": true, "lineId": "line1", "flipDirection": true, "loop": true, "scale": 0.03, "positionScale": 1.8 }] }, "areasSettings": { "unlistedAreasColor": "#00A2FF" }, "imagesSettings": { "color": "#E5343D", "rollOverColor": "#E5343D", "selectedColor": "#E5343D", "pauseDuration": 0.2, "animationDuration": 4, "adjustAnimationSpeed": true }, "linesSettings": { "color": "#E5343D", "alpha": 0.4 }, "export": { "enabled": true } }); //Column chart with images on top var chart = AmCharts.makeChart("column", { "type": "serial", "theme": "light", "dataProvider": [{ "name": "Salauddin", "points": 35654, "color": "#428bca", "bullet": "assets/plugins/amcharts/images/A04.png" }, { "name": "Tuhin", "points": 65456, "color": "#03A9F5", "bullet": "assets/plugins/amcharts/images/C02.png" }, { "name": "Jahangir", "points": 45724, "color": "#FFB61E", "bullet": "assets/plugins/amcharts/images/D02.png" }, { "name": "Tanjil", "points": 13654, "color": "#62d0f1", "bullet": "assets/plugins/amcharts/images/E01.png" }, { "name": "Naeem", "points": 53654, "color": "#E5343D", "bullet": "assets/plugins/amcharts/images/A04.png" }], "valueAxes": [{ "maximum": 80000, "minimum": 0, "axisAlpha": 0, "dashLength": 4, "position": "left" }], "startDuration": 1, "graphs": [{ "balloonText": "[[category]]: [[value]]", "bulletOffset": 10, "bulletSize": 52, "colorField": "color", "cornerRadiusTop": 8, "customBulletField": "bullet", "fillAlphas": 0.9, "lineAlpha": 0, "type": "column", "valueField": "points" }], "marginTop": 0, "marginRight": 0, "marginLeft": 0, "marginBottom": 0, "autoMargins": false, "categoryField": "name", "categoryAxis": { "axisAlpha": 0, "gridAlpha": 0, "inside": true, "tickLength": 0 }, "export": { "enabled": true } }); //Zoomable Value Axis var chart = AmCharts.makeChart("zoomable-chart", { "type": "serial", "theme": "light", "color": "#FFFFFF", "marginRight": 40, "marginLeft": 40, "autoMarginOffset": 20, "dataDateFormat": "YYYY-MM-DD", "valueAxes": [{ "id": "v1", "axisAlpha": 0, "position": "left", "ignoreAxisWidth": true }], "balloon": { "borderThickness": 1, "shadowAlpha": 0 }, "graphs": [{ "id": "g1", "balloon": { "drop": true, "adjustBorderColor": false, "color": "#ffffff", "type": "smoothedLine" }, "fillAlphas": 0.2, "bullet": "round", "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "bulletSize": 5, "hideBulletsCount": 50, "lineThickness": 2, "title": "red line", "useLineColorForBulletBorder": true, "valueField": "value", "balloonText": "[[value]]" }], "chartCursor": { "valueLineEnabled": true, "valueLineBalloonEnabled": true, "cursorAlpha": 0, "zoomable": false, "valueZoomable": true, "valueLineAlpha": 0.5 }, "valueScrollbar": { "autoGridCount": true, "color": "#000000", "scrollbarHeight": 50 }, "categoryField": "date", "categoryAxis": { "parseDates": true, "dashLength": 1, "minorGridEnabled": true }, "export": { "enabled": true }, "dataProvider": [{ "date": "2012-07-27", "value": 13 }, { "date": "2012-07-28", "value": 11 }, { "date": "2012-07-29", "value": 15 }, { "date": "2012-07-30", "value": 16 }, { "date": "2012-07-31", "value": 18 }, { "date": "2012-08-01", "value": 13 }, { "date": "2012-08-02", "value": 22 }, { "date": "2012-08-03", "value": 23 }, { "date": "2012-08-04", "value": 20 }, { "date": "2012-08-05", "value": 17 }, { "date": "2012-08-06", "value": 16 }, { "date": "2012-08-07", "value": 18 }, { "date": "2012-08-08", "value": 21 }, { "date": "2012-08-09", "value": 26 }, { "date": "2012-08-10", "value": 24 }, { "date": "2012-08-11", "value": 29 }, { "date": "2012-08-12", "value": 32 }, { "date": "2012-08-13", "value": 18 }, { "date": "2012-08-14", "value": 24 }, { "date": "2012-08-15", "value": 22 }, { "date": "2012-08-16", "value": 18 }, { "date": "2012-08-17", "value": 19 }, { "date": "2012-08-18", "value": 14 }, { "date": "2012-08-19", "value": 15 }, { "date": "2012-08-20", "value": 12 }, { "date": "2012-08-21", "value": 8 }, { "date": "2012-08-22", "value": 9 }, { "date": "2012-08-23", "value": 8 }, { "date": "2012-08-24", "value": 7 }, { "date": "2012-08-25", "value": 5 }, { "date": "2012-08-26", "value": 11 }, { "date": "2012-08-27", "value": 13 }, { "date": "2012-08-28", "value": 18 }, { "date": "2012-08-29", "value": 20 }, { "date": "2012-08-30", "value": 29 }, { "date": "2012-08-31", "value": 33 }, { "date": "2012-09-01", "value": 42 }, { "date": "2012-09-02", "value": 35 }, { "date": "2012-09-03", "value": 31 }, { "date": "2012-09-04", "value": 47 }, { "date": "2012-09-05", "value": 52 }, { "date": "2012-09-06", "value": 46 }, { "date": "2012-09-07", "value": 41 }, { "date": "2012-09-08", "value": 43 }, { "date": "2012-09-09", "value": 40 }, { "date": "2012-09-10", "value": 39 }, { "date": "2012-09-11", "value": 34 }, { "date": "2012-09-12", "value": 29 }, { "date": "2012-09-13", "value": 34 }, { "date": "2012-09-14", "value": 37 }, { "date": "2012-09-15", "value": 42 }, { "date": "2012-09-16", "value": 49 }, { "date": "2012-09-17", "value": 46 }, { "date": "2012-09-18", "value": 47 }, { "date": "2012-09-19", "value": 55 }, { "date": "2012-09-20", "value": 59 }, { "date": "2012-09-21", "value": 58 }, { "date": "2012-09-22", "value": 57 }, { "date": "2012-09-23", "value": 61 }, { "date": "2012-09-24", "value": 59 }, { "date": "2012-09-25", "value": 67 }, { "date": "2012-09-26", "value": 65 }, { "date": "2012-09-27", "value": 61 }, { "date": "2012-09-28", "value": 66 }, { "date": "2012-09-29", "value": 69 }, { "date": "2012-09-30", "value": 71 }, { "date": "2012-10-01", "value": 67 }, { "date": "2012-10-02", "value": 63 }, { "date": "2012-10-03", "value": 46 }, { "date": "2012-10-04", "value": 32 }, { "date": "2012-10-05", "value": 21 }, { "date": "2012-10-06", "value": 18 }, { "date": "2012-10-07", "value": 21 }, { "date": "2012-10-08", "value": 28 }, { "date": "2012-10-09", "value": 27 }, { "date": "2012-10-10", "value": 36 }, { "date": "2012-10-11", "value": 33 }, { "date": "2012-10-12", "value": 31 }, { "date": "2012-10-13", "value": 30 }, { "date": "2012-10-14", "value": 34 }, { "date": "2012-10-15", "value": 38 }, { "date": "2012-10-16", "value": 37 }, { "date": "2012-10-17", "value": 44 }, { "date": "2012-10-18", "value": 49 }, { "date": "2012-10-19", "value": 53 }, { "date": "2012-10-20", "value": 57 }, { "date": "2012-10-21", "value": 60 }, { "date": "2012-10-22", "value": 61 }, { "date": "2012-10-23", "value": 69 }, { "date": "2012-10-24", "value": 67 }, { "date": "2012-10-25", "value": 72 }, { "date": "2012-10-26", "value": 77 }, { "date": "2012-10-27", "value": 75 }, { "date": "2012-10-28", "value": 70 }, { "date": "2012-10-29", "value": 72 }, { "date": "2012-10-30", "value": 70 }, { "date": "2012-10-31", "value": 72 }, { "date": "2012-11-01", "value": 73 }, { "date": "2012-11-02", "value": 67 }, { "date": "2012-11-03", "value": 68 }, { "date": "2012-11-04", "value": 65 }, { "date": "2012-11-05", "value": 71 }, { "date": "2012-11-06", "value": 75 }, { "date": "2012-11-07", "value": 74 }, { "date": "2012-11-08", "value": 71 }, { "date": "2012-11-09", "value": 76 }, { "date": "2012-11-10", "value": 77 }, { "date": "2012-11-11", "value": 81 }, { "date": "2012-11-12", "value": 83 }, { "date": "2012-11-13", "value": 80 }, { "date": "2012-11-14", "value": 81 }, { "date": "2012-11-15", "value": 87 }, { "date": "2012-11-16", "value": 82 }, { "date": "2012-11-17", "value": 86 }, { "date": "2012-11-18", "value": 80 }, { "date": "2012-11-19", "value": 87 }, { "date": "2012-11-20", "value": 83 }, { "date": "2012-11-21", "value": 85 }, { "date": "2012-11-22", "value": 84 }, { "date": "2012-11-23", "value": 82 }, { "date": "2012-11-24", "value": 73 }, { "date": "2012-11-25", "value": 71 }, { "date": "2012-11-26", "value": 75 }, { "date": "2012-11-27", "value": 79 }, { "date": "2012-11-28", "value": 70 }, { "date": "2012-11-29", "value": 73 }, { "date": "2012-11-30", "value": 61 }, { "date": "2012-12-01", "value": 62 }, { "date": "2012-12-02", "value": 66 }, { "date": "2012-12-03", "value": 65 }, { "date": "2012-12-04", "value": 73 }, { "date": "2012-12-05", "value": 79 }, { "date": "2012-12-06", "value": 78 }, { "date": "2012-12-07", "value": 78 }, { "date": "2012-12-08", "value": 78 }, { "date": "2012-12-09", "value": 74 }, { "date": "2012-12-10", "value": 73 }, { "date": "2012-12-11", "value": 75 }, { "date": "2012-12-12", "value": 70 }, { "date": "2012-12-13", "value": 77 }, { "date": "2012-12-14", "value": 67 }, { "date": "2012-12-15", "value": 62 }, { "date": "2012-12-16", "value": 64 }, { "date": "2012-12-17", "value": 61 }, { "date": "2012-12-18", "value": 59 }, { "date": "2012-12-19", "value": 53 }, { "date": "2012-12-20", "value": 54 }, { "date": "2012-12-21", "value": 56 }, { "date": "2012-12-22", "value": 59 }, { "date": "2012-12-23", "value": 58 }, { "date": "2012-12-24", "value": 55 }, { "date": "2012-12-25", "value": 52 }, { "date": "2012-12-26", "value": 54 }, { "date": "2012-12-27", "value": 50 }, { "date": "2012-12-28", "value": 50 }, { "date": "2012-12-29", "value": 51 }, { "date": "2012-12-30", "value": 52 }, { "date": "2012-12-31", "value": 58 }, { "date": "2013-01-01", "value": 60 }, { "date": "2013-01-02", "value": 67 }, { "date": "2013-01-03", "value": 64 }, { "date": "2013-01-04", "value": 66 }, { "date": "2013-01-05", "value": 60 }, { "date": "2013-01-06", "value": 63 }, { "date": "2013-01-07", "value": 61 }, { "date": "2013-01-08", "value": 60 }, { "date": "2013-01-09", "value": 65 }, { "date": "2013-01-10", "value": 75 }, { "date": "2013-01-11", "value": 77 }, { "date": "2013-01-12", "value": 78 }, { "date": "2013-01-13", "value": 70 }, { "date": "2013-01-14", "value": 70 }, { "date": "2013-01-15", "value": 73 }, { "date": "2013-01-16", "value": 71 }, { "date": "2013-01-17", "value": 74 }, { "date": "2013-01-18", "value": 78 }, { "date": "2013-01-19", "value": 85 }, { "date": "2013-01-20", "value": 82 }, { "date": "2013-01-21", "value": 83 }, { "date": "2013-01-22", "value": 88 }, { "date": "2013-01-23", "value": 85 }, { "date": "2013-01-24", "value": 85 }, { "date": "2013-01-25", "value": 80 }, { "date": "2013-01-26", "value": 87 }, { "date": "2013-01-27", "value": 84 }, { "date": "2013-01-28", "value": 83 }, { "date": "2013-01-29", "value": 84 }, { "date": "2013-01-30", "value": 81 }] }); var chart = AmCharts.makeChart("professional-candlesticks", { "type": "serial", "theme": "dark", "color": "#FFFFFF", "dataDateFormat": "YYYY-MM-DD", "valueAxes": [{ "position": "left" }], "graphs": [{ "id": "g1", "proCandlesticks": true, "balloonText": "Open:[[open]]
Low:[[low]]
High:[[high]]
Close:[[close]]
", "closeField": "close", "fillColors": "#00A2FF", "highField": "high", "lineColor": "#00A2FF", "lineAlpha": 1, "lowField": "low", "fillAlphas": 0.9, "negativeFillColors": "#F44336", "negativeLineColor": "#F44336", "openField": "open", "title": "Price:", "type": "candlestick", "valueField": "close" }], "chartScrollbar": { "graph": "g1", "graphType": "line", "scrollbarHeight": 30 }, "chartCursor": { "valueLineEnabled": true, "valueLineBalloonEnabled": true }, "categoryField": "date", "categoryAxis": { "parseDates": true }, "dataProvider": [{ "date": "2011-08-01", "open": "136.65", "high": "136.96", "low": "134.15", "close": "136.49" }, { "date": "2011-08-02", "open": "135.26", "high": "135.95", "low": "131.50", "close": "131.85" }, { "date": "2011-08-05", "open": "132.90", "high": "135.27", "low": "128.30", "close": "135.25" }, { "date": "2011-08-06", "open": "134.94", "high": "137.24", "low": "132.63", "close": "135.03" }, { "date": "2011-08-07", "open": "136.76", "high": "136.86", "low": "132.00", "close": "134.01" }, { "date": "2011-08-08", "open": "131.11", "high": "133.00", "low": "125.09", "close": "126.39" }, { "date": "2011-08-09", "open": "123.12", "high": "127.75", "low": "120.30", "close": "125.00" }, { "date": "2011-08-12", "open": "128.32", "high": "129.35", "low": "126.50", "close": "127.79" }, { "date": "2011-08-13", "open": "128.29", "high": "128.30", "low": "123.71", "close": "124.03" }, { "date": "2011-08-14", "open": "122.74", "high": "124.86", "low": "119.65", "close": "119.90" }, { "date": "2011-08-15", "open": "117.01", "high": "118.50", "low": "111.62", "close": "117.05" }, { "date": "2011-08-16", "open": "122.01", "high": "123.50", "low": "119.82", "close": "122.06" }, { "date": "2011-08-19", "open": "123.96", "high": "124.50", "low": "120.50", "close": "122.22" }, { "date": "2011-08-20", "open": "122.21", "high": "128.96", "low": "121.00", "close": "127.57" }, { "date": "2011-08-21", "open": "131.22", "high": "132.75", "low": "130.33", "close": "132.51" }, { "date": "2011-08-22", "open": "133.09", "high": "133.34", "low": "129.76", "close": "131.07" }, { "date": "2011-08-23", "open": "130.53", "high": "135.37", "low": "129.81", "close": "135.30" }, { "date": "2011-08-26", "open": "133.39", "high": "134.66", "low": "132.10", "close": "132.25" }, { "date": "2011-08-27", "open": "130.99", "high": "132.41", "low": "126.63", "close": "126.82" }, { "date": "2011-08-28", "open": "129.88", "high": "134.18", "low": "129.54", "close": "134.08" }, { "date": "2011-08-29", "open": "132.67", "high": "138.25", "low": "132.30", "close": "136.25" }, { "date": "2011-08-30", "open": "139.49", "high": "139.65", "low": "137.41", "close": "138.48" }, { "date": "2011-09-03", "open": "139.94", "high": "145.73", "low": "139.84", "close": "144.16" }, { "date": "2011-09-04", "open": "144.97", "high": "145.84", "low": "136.10", "close": "136.76" }, { "date": "2011-09-05", "open": "135.56", "high": "137.57", "low": "132.71", "close": "135.01" }, { "date": "2011-09-06", "open": "132.01", "high": "132.30", "low": "130.00", "close": "131.77" }, { "date": "2011-09-09", "open": "136.99", "high": "138.04", "low": "133.95", "close": "136.71" }, { "date": "2011-09-10", "open": "137.90", "high": "138.30", "low": "133.75", "close": "135.49" }, { "date": "2011-09-11", "open": "135.99", "high": "139.40", "low": "135.75", "close": "136.85" }, { "date": "2011-09-12", "open": "138.83", "high": "139.00", "low": "136.65", "close": "137.20" }, { "date": "2011-09-13", "open": "136.57", "high": "138.98", "low": "136.20", "close": "138.81" }, { "date": "2011-09-16", "open": "138.99", "high": "140.59", "low": "137.60", "close": "138.41" }, { "date": "2011-09-17", "open": "139.06", "high": "142.85", "low": "137.83", "close": "140.92" }, { "date": "2011-09-18", "open": "143.02", "high": "143.16", "low": "139.40", "close": "140.77" }, { "date": "2011-09-19", "open": "140.15", "high": "141.79", "low": "139.32", "close": "140.31" }, { "date": "2011-09-20", "open": "141.14", "high": "144.65", "low": "140.31", "close": "144.15" }, { "date": "2011-09-23", "open": "146.73", "high": "149.85", "low": "146.65", "close": "148.28" }, { "date": "2011-09-24", "open": "146.84", "high": "153.22", "low": "146.82", "close": "153.18" }, { "date": "2011-09-25", "open": "154.47", "high": "155.00", "low": "151.25", "close": "152.77" }, { "date": "2011-09-26", "open": "153.77", "high": "154.52", "low": "152.32", "close": "154.50" }, { "date": "2011-09-27", "open": "153.44", "high": "154.60", "low": "152.75", "close": "153.47" }, { "date": "2011-09-30", "open": "154.63", "high": "157.41", "low": "152.93", "close": "156.34" }, { "date": "2011-10-01", "open": "156.55", "high": "158.59", "low": "155.89", "close": "158.45" }, { "date": "2011-10-02", "open": "157.78", "high": "159.18", "low": "157.01", "close": "157.92" }, { "date": "2011-10-03", "open": "158.00", "high": "158.08", "low": "153.50", "close": "156.24" }, { "date": "2011-10-04", "open": "158.37", "high": "161.58", "low": "157.70", "close": "161.45" }, { "date": "2011-10-07", "open": "163.49", "high": "167.91", "low": "162.97", "close": "167.91" }, { "date": "2011-10-08", "open": "170.20", "high": "171.11", "low": "166.68", "close": "167.86" }, { "date": "2011-10-09", "open": "167.55", "high": "167.88", "low": "165.60", "close": "166.79" }, { "date": "2011-10-10", "open": "169.49", "high": "171.88", "low": "153.21", "close": "162.23" }, { "date": "2011-10-11", "open": "163.01", "high": "167.28", "low": "161.80", "close": "167.25" }, { "date": "2011-10-14", "open": "167.98", "high": "169.57", "low": "163.50", "close": "166.98" }, { "date": "2011-10-15", "open": "165.54", "high": "170.18", "low": "165.15", "close": "169.58" }, { "date": "2011-10-16", "open": "172.69", "high": "173.04", "low": "169.18", "close": "172.75" }, { "date": "2011-10-17", "open": "171.50", "high": "174.19", "low": "171.05", "close": "173.50" }, { "date": "2011-10-18", "open": "174.24", "high": "174.63", "low": "170.00", "close": "170.42" }, { "date": "2011-10-21", "open": "170.35", "high": "174.90", "low": "169.96", "close": "174.36" }, { "date": "2011-10-22", "open": "188.56", "high": "188.60", "low": "182.76", "close": "186.16" }, { "date": "2011-10-23", "open": "185.81", "high": "187.21", "low": "179.24", "close": "185.93" }, { "date": "2011-10-24", "open": "184.87", "high": "185.90", "low": "181.66", "close": "182.78" }, { "date": "2011-10-25", "open": "185.29", "high": "185.37", "low": "182.88", "close": "184.70" }, { "date": "2011-10-28", "open": "185.45", "high": "186.59", "low": "184.70", "close": "185.09" }, { "date": "2011-10-29", "open": "186.18", "high": "189.37", "low": "184.73", "close": "187.00" }, { "date": "2011-10-30", "open": "187.63", "high": "190.12", "low": "184.95", "close": "189.95" }, { "date": "2011-10-31", "open": "188.60", "high": "190.10", "low": "180.00", "close": "187.44" }, { "date": "2011-11-01", "open": "189.21", "high": "189.44", "low": "183.49", "close": "187.87" }, { "date": "2011-11-04", "open": "185.29", "high": "188.96", "low": "184.24", "close": "186.18" }, { "date": "2011-11-05", "open": "187.05", "high": "192.00", "low": "185.27", "close": "191.79" }, { "date": "2011-11-06", "open": "190.61", "high": "192.68", "low": "186.13", "close": "186.30" }, { "date": "2011-11-07", "open": "186.67", "high": "186.90", "low": "167.77", "close": "175.47" }, { "date": "2011-11-08", "open": "171.15", "high": "175.12", "low": "165.21", "close": "165.37" }, { "date": "2011-11-11", "open": "165.28", "high": "167.70", "low": "150.63", "close": "153.76" }, { "date": "2011-11-12", "open": "160.85", "high": "170.98", "low": "153.76", "close": "169.96" }, { "date": "2011-11-13", "open": "177.16", "high": "177.57", "low": "163.74", "close": "166.11" }, { "date": "2011-11-14", "open": "166.39", "high": "169.59", "low": "160.30", "close": "164.30" }, { "date": "2011-11-15", "open": "165.30", "high": "167.02", "low": "159.33", "close": "166.39" }, { "date": "2011-11-18", "open": "166.10", "high": "168.20", "low": "162.10", "close": "163.95" }, { "date": "2011-11-19", "open": "165.67", "high": "171.79", "low": "163.53", "close": "168.85" }, { "date": "2011-11-20", "open": "165.84", "high": "172.35", "low": "164.67", "close": "168.46" }, { "date": "2011-11-22", "open": "172.00", "high": "172.05", "low": "169.75", "close": "171.54" }, { "date": "2011-11-25", "open": "173.59", "high": "177.27", "low": "172.35", "close": "172.54" }, { "date": "2011-11-26", "open": "175.22", "high": "175.79", "low": "170.01", "close": "174.81" }, { "date": "2011-11-27", "open": "176.82", "high": "180.60", "low": "175.35", "close": "180.22" }, { "date": "2011-11-28", "open": "179.43", "high": "185.17", "low": "179.15", "close": "184.29" }, { "date": "2011-11-29", "open": "187.34", "high": "187.70", "low": "179.70", "close": "182.22" }, { "date": "2011-12-02", "open": "181.86", "high": "184.14", "low": "177.70", "close": "178.86" }, { "date": "2011-12-03", "open": "177.15", "high": "180.90", "low": "176.99", "close": "179.81" }, { "date": "2011-12-04", "open": "182.89", "high": "186.00", "low": "182.41", "close": "185.50" }, { "date": "2011-12-05", "open": "186.19", "high": "190.10", "low": "186.12", "close": "189.95" }, { "date": "2011-12-06", "open": "190.54", "high": "194.99", "low": "188.04", "close": "194.30" }, { "date": "2011-12-09", "open": "193.59", "high": "195.66", "low": "192.69", "close": "194.21" }, { "date": "2011-12-10", "open": "194.75", "high": "196.83", "low": "187.39", "close": "188.54" }, { "date": "2011-12-11", "open": "193.44", "high": "194.48", "low": "185.76", "close": "190.86" }, { "date": "2011-12-12", "open": "190.19", "high": "192.12", "low": "187.82", "close": "191.83" }, { "date": "2011-12-13", "open": "190.37", "high": "193.20", "low": "189.54", "close": "190.39" }, { "date": "2011-12-16", "open": "190.72", "high": "192.65", "low": "182.98", "close": "184.40" }, { "date": "2011-12-17", "open": "186.52", "high": "187.33", "low": "178.60", "close": "182.98" }, { "date": "2011-12-18", "open": "182.98", "high": "184.64", "low": "180.90", "close": "183.12" }, { "date": "2011-12-19", "open": "185.43", "high": "187.83", "low": "183.33", "close": "187.21" }, { "date": "2011-12-20", "open": "190.12", "high": "193.91", "low": "189.89", "close": "193.91" }, { "date": "2011-12-23", "open": "195.03", "high": "199.33", "low": "194.79", "close": "198.80" }, { "date": "2011-12-25", "open": "199.01", "high": "200.96", "low": "196.82", "close": "198.95" }, { "date": "2011-12-26", "open": "198.95", "high": "202.96", "low": "197.80", "close": "198.57" }, { "date": "2011-12-27", "open": "200.59", "high": "201.56", "low": "196.88", "close": "199.83" }, { "date": "2011-12-30", "open": "199.50", "high": "200.50", "low": "197.75", "close": "198.08" }, { "date": "2012-01-01", "open": "199.27", "high": "200.26", "low": "192.55", "close": "194.84" }, { "date": "2012-01-02", "open": "195.41", "high": "197.39", "low": "192.69", "close": "194.93" }, { "date": "2012-01-03", "open": "191.45", "high": "193.00", "low": "178.89", "close": "180.05" }, { "date": "2012-01-06", "open": "181.25", "high": "183.60", "low": "170.23", "close": "177.64" }, { "date": "2012-01-07", "open": "180.14", "high": "182.46", "low": "170.80", "close": "171.25" }, { "date": "2012-01-08", "open": "171.30", "high": "179.50", "low": "168.30", "close": "179.40" }, { "date": "2012-01-09", "open": "177.58", "high": "181.00", "low": "175.41", "close": "178.02" }, { "date": "2012-01-10", "open": "176.00", "high": "177.85", "low": "170.00", "close": "172.69" }, { "date": "2012-01-13", "open": "177.52", "high": "179.42", "low": "175.17", "close": "178.78" }, { "date": "2012-01-14", "open": "177.72", "high": "179.22", "low": "164.66", "close": "169.04" }, { "date": "2012-01-15", "open": "165.23", "high": "169.01", "low": "156.70", "close": "159.64" }, { "date": "2012-01-16", "open": "161.51", "high": "165.36", "low": "158.42", "close": "160.89" }, { "date": "2012-01-17", "open": "161.71", "high": "165.75", "low": "159.61", "close": "161.36" }, { "date": "2012-01-21", "open": "148.06", "high": "159.98", "low": "146.00", "close": "155.64" }, { "date": "2012-01-22", "open": "136.19", "high": "140.00", "low": "126.14", "close": "139.07" }, { "date": "2012-01-23", "open": "139.99", "high": "140.70", "low": "132.01", "close": "135.60" }, { "date": "2012-01-24", "open": "138.99", "high": "139.09", "low": "129.61", "close": "130.01" }, { "date": "2012-01-27", "open": "128.16", "high": "133.20", "low": "126.45", "close": "130.01" }, { "date": "2012-01-28", "open": "131.15", "high": "132.79", "low": "129.05", "close": "131.54" }, { "date": "2012-01-29", "open": "131.37", "high": "135.45", "low": "130.00", "close": "132.18" }, { "date": "2012-01-30", "open": "129.45", "high": "136.65", "low": "129.40", "close": "135.36" }, { "date": "2012-01-31", "open": "136.24", "high": "136.59", "low": "132.18", "close": "133.75" }, { "date": "2012-02-03", "open": "134.21", "high": "135.90", "low": "131.42", "close": "131.65" }, { "date": "2012-02-04", "open": "130.43", "high": "134.00", "low": "128.90", "close": "129.36" }, { "date": "2012-02-05", "open": "130.83", "high": "131.92", "low": "121.77", "close": "122.00" }, { "date": "2012-02-06", "open": "119.97", "high": "124.78", "low": "117.27", "close": "121.24" }, { "date": "2012-02-07", "open": "122.08", "high": "125.70", "low": "121.60", "close": "125.48" }, { "date": "2012-02-10", "open": "128.01", "high": "129.98", "low": "127.20", "close": "129.45" }, { "date": "2012-02-11", "open": "130.70", "high": "131.00", "low": "123.62", "close": "124.86" }, { "date": "2012-02-12", "open": "126.68", "high": "129.78", "low": "125.63", "close": "129.40" }], "export": { "enabled": true, "position": "bottom-right" }, }); var chart = AmCharts.makeChart("comparing-stock-indices", { "type": "stock", "theme": "dark", "color": "#ffffff", "dataSets": [{ "title": "MSFT", "fieldMappings": [{ "fromField": "Open", "toField": "open" }, { "fromField": "High", "toField": "high" }, { "fromField": "Low", "toField": "low" }, { "fromField": "Close", "toField": "close" }, { "fromField": "Volume", "toField": "volume" }], "compared": false, "categoryField": "Date", /** * data loader for data set data */ "dataLoader": { "url": "https://www.amcharts.com/wp-content/uploads/assets/stock/MSFT.csv", "format": "csv", "showCurtain": true, "showErrors": true, "async": true, "reverse": true, "delimiter": ",", "useColumnNames": true }, /** * data loader for events data */ "eventDataLoader": { "url": "https://www.amcharts.com/wp-content/uploads/assets/stock/MSFT_events.csv", "format": "csv", "showCurtain": true, "showErrors": true, "async": true, "reverse": true, "delimiter": ",", "useColumnNames": true, "postProcess": function (data) { for (var x in data) { switch (data[x].Type) { case 'A': var color = "#00A2FF"; break; default: var color = "#DCDCDC"; break; } data[x].Description = data[x].Description.replace("Upgrade", "Upgrade").replace("Downgrade", "Downgrade"); data[x] = { "type": "pin", "graph": "g1", "backgroundColor": color, "date": data[x].Date, "text": data[x].Type, "description": "" + data[x].Title + "
" + data[x].Description }; } return data; } } }, { "title": "TXN", "fieldMappings": [{ "fromField": "Open", "toField": "open" }, { "fromField": "High", "toField": "high" }, { "fromField": "Low", "toField": "low" }, { "fromField": "Close", "toField": "close" }, { "fromField": "Volume", "toField": "volume" }], "compared": true, "categoryField": "Date", "dataLoader": { "url": "https://www.amcharts.com/wp-content/uploads/assets/stock/TXN.csv", "format": "csv", "showCurtain": true, "showErrors": true, "async": true, "reverse": true, "delimiter": ",", "useColumnNames": true } }], "dataDateFormat": "YYYY-MM-DD", "panels": [{ "title": "Value", "percentHeight": 70, "stockGraphs": [{ "type": "candlestick", "id": "g1", "openField": "open", "closeField": "close", "highField": "high", "lowField": "low", "valueField": "close", "lineColor": "#fff", "fillColors": "#fff", "negativeLineColor": "#F44336", "negativeFillColors": "#F44336", "fillAlphas": 1, "comparedGraphLineThickness": 2, "columnWidth": 0.7, "useDataSetColors": false, "comparable": true, "compareField": "close", "showBalloon": false, "proCandlesticks": true }], "stockLegend": { "valueTextRegular": undefined, "periodValueTextComparing": "[[percents.value.close]]%" } }, { "title": "Volume", "percentHeight": 30, "marginTop": 1, "columnWidth": 0.6, "showCategoryAxis": false, "stockGraphs": [{ "valueField": "volume", "openField": "open", "type": "column", "showBalloon": false, "fillAlphas": 1, "lineColor": "#fff", "fillColors": "#fff", "negativeLineColor": "#F44336", "negativeFillColors": "#F44336", "useDataSetColors": false }], "stockLegend": { "markerType": "none", "markerSize": 0, "labelText": "", "periodValueTextRegular": "[[value.close]]" }, "valueAxes": [{ "usePrefixes": true }] } ], "panelsSettings": { "color": "#fff", "plotAreaFillColors": "transparent", "plotAreaFillAlphas": 1, "marginLeft": 60, "marginTop": 5, "marginBottom": 5 }, "chartScrollbarSettings": { "graph": "g1", "graphType": "line", "usePeriod": "WW", "backgroundColor": "transparent", "graphFillColor": "#666", "graphFillAlpha": 0.5, "gridColor": "#555", "gridAlpha": 1, "selectedBackgroundColor": "#444", "selectedGraphFillAlpha": 1 }, "categoryAxesSettings": { "equalSpacing": true, "gridColor": "transparent", "gridAlpha": 1 }, "valueAxesSettings": { "gridColor": "transparent", "gridAlpha": 1, "inside": false, "showLastLabel": true }, "chartCursorSettings": { "pan": true, "valueLineEnabled": true, "valueLineBalloonEnabled": true }, "legendSettings": { "color": "#fff" }, "stockEventsSettings": { "showAt": "high", "type": "pin" }, "balloon": { "textAlign": "left", "offsetY": 10 }, "periodSelector": { "position": "bottom", "periods": [{ "period": "DD", "count": 10, "label": "10D" }, { "period": "MM", "count": 1, "label": "1M" }, { "period": "MM", "count": 6, "label": "6M" }, { "period": "YYYY", "count": 1, "label": "1Y" }, { "period": "YYYY", "count": 2, "selected": true, "label": "2Y" }, /* { "period": "YTD", "label": "YTD" },*/ { "period": "MAX", "label": "MAX" } ] }, }); var multiplePanelData = []; generateChartData(); function generateChartData() { var firstDate = new Date(); firstDate.setHours(0, 0, 0, 0); firstDate.setDate(firstDate.getDate() - 2000); for (var i = 0; i < 2000; i++) { var newDate = new Date(firstDate); newDate.setDate(newDate.getDate() + i); var open = Math.round(Math.random() * (30) + 100); var close = open + Math.round(Math.random() * (15) - Math.random() * 10); var low; if (open < close) { low = open - Math.round(Math.random() * 5); } else { low = close - Math.round(Math.random() * 5); } var high; if (open < close) { high = close + Math.round(Math.random() * 5); } else { high = open + Math.round(Math.random() * 5); } var volume = Math.round(Math.random() * (1000 + i)) + 100 + i; var value = Math.round(Math.random() * (30) + 100); multiplePanelData[i] = ({ "date": newDate, "open": open, "close": close, "high": high, "low": low, "volume": volume, "value": value }); } } var chart = AmCharts.makeChart("multiple-panel-data", { "type": "stock", "theme": "light", "dataSets": [{ "fieldMappings": [{ "fromField": "open", "toField": "open" }, { "fromField": "close", "toField": "close" }, { "fromField": "high", "toField": "high" }, { "fromField": "low", "toField": "low" }, { "fromField": "volume", "toField": "volume" }, { "fromField": "value", "toField": "value" }], "color": "#00A2FF", "dataProvider": multiplePanelData, "title": "West Stock", "categoryField": "date" }, { "fieldMappings": [{ "fromField": "value", "toField": "value" }], "color": "#0000FF", "dataProvider": multiplePanelData, "compared": true, "title": "East Stock", "categoryField": "date" }], "panels": [{ "title": "Value", "showCategoryAxis": false, "percentHeight": 70, "valueAxes": [{ "id": "v1", "dashLength": 5 }], "categoryAxis": { "dashLength": 5 }, "stockGraphs": [{ "type": "candlestick", "id": "g1", "openField": "open", "closeField": "close", "highField": "high", "lowField": "low", "valueField": "close", "lineColor": "#DCDCDC", "fillColors": "#DCDCDC", "negativeLineColor": "#F44336", "negativeFillColors": "#F44336", "fillAlphas": 1, "useDataSetColors": false, "comparable": true, "compareField": "value", "showBalloon": false, "proCandlesticks": true }], "stockLegend": { "valueTextRegular": undefined, "periodValueTextComparing": "[[percents.value.close]]%" } }, { "title": "Volume", "percentHeight": 30, "marginTop": 1, "showCategoryAxis": true, "valueAxes": [{ "dashLength": 5 }], "categoryAxis": { "dashLength": 5 }, "stockGraphs": [{ "valueField": "volume", "type": "column", "showBalloon": false, "fillAlphas": 1 }], "stockLegend": { "markerType": "none", "markerSize": 0, "labelText": "", "periodValueTextRegular": "[[value.close]]" } } ], "chartScrollbarSettings": { "graph": "g1", "graphType": "line", "usePeriod": "WW" }, "legendSettings": { "color": "#fff" }, "chartCursorSettings": { "valueLineBalloonEnabled": true, "valueLineEnabled": true }, "periodSelector": { "position": "bottom", "periods": [{ "period": "DD", "count": 10, "label": "10 days" }, { "period": "MM", "selected": true, "count": 1, "label": "1 month" }, { "period": "YYYY", "count": 1, "label": "1 year" }, { "period": "YTD", "label": "YTD" }, { "period": "MAX", "label": "MAX" }] }, "export": { "enabled": true } }); /** * This demo uses direct URL to Poloniex exchance, which means that depending on your browser settings, * it may not work dure to CORS restrictions. * Please consult Poloniex API for further information: * https://poloniex.com/support/api/ */ var chart = AmCharts.makeChart("depth-chart", { "type": "serial", "theme": "dark", "color": "#fff", "dataLoader": { "url": "https://poloniex.com/public?command=returnOrderBook¤cyPair=BTC_ETH&depth=50", "format": "json", "reload": 30, "postProcess": function (data) { // Function to process (sort and calculate cummulative volume) function processData(list, type, desc) { // Convert to data points for (var i = 0; i < list.length; i++) { list[i] = { value: Number(list[i][0]), volume: Number(list[i][1]), } } // Sort list just in case list.sort(function (a, b) { if (a.value > b.value) { return 1; } else if (a.value < b.value) { return -1; } else { return 0; } }); // Calculate cummulative volume if (desc) { for (var i = list.length - 1; i >= 0; i--) { if (i < (list.length - 1)) { list[i].totalvolume = list[i + 1].totalvolume + list[i].volume; } else { list[i].totalvolume = list[i].volume; } var dp = {}; dp["value"] = list[i].value; dp[type + "volume"] = list[i].volume; dp[type + "totalvolume"] = list[i].totalvolume; res.unshift(dp); } } else { for (var i = 0; i < list.length; i++) { if (i > 0) { list[i].totalvolume = list[i - 1].totalvolume + list[i].volume; } else { list[i].totalvolume = list[i].volume; } var dp = {}; dp["value"] = list[i].value; dp[type + "volume"] = list[i].volume; dp[type + "totalvolume"] = list[i].totalvolume; res.push(dp); } } } // Init var res = []; processData(data.bids, "bids", true); processData(data.asks, "asks", false); //console.log(res); return res; } }, "graphs": [{ "id": "bids", "fillAlphas": 0.1, "lineAlpha": 1, "lineThickness": 2, "lineColor": "#0000FF", "type": "step", "valueField": "bidstotalvolume", "balloonFunction": balloon }, { "id": "asks", "fillAlphas": 0.1, "lineAlpha": 1, "lineThickness": 2, "lineColor": "#F44336", "type": "step", "valueField": "askstotalvolume", "balloonFunction": balloon }, { "lineAlpha": 0, "fillAlphas": 0.2, "lineColor": "#000", "type": "column", "clustered": false, "valueField": "bidsvolume", "showBalloon": false }, { "lineAlpha": 0, "fillAlphas": 0.2, "lineColor": "#000", "type": "column", "clustered": false, "valueField": "asksvolume", "showBalloon": false }], "categoryField": "value", "chartCursor": {}, "balloon": { "textAlign": "left" }, "valueAxes": [{ "title": "Volume" }], "categoryAxis": { "title": "Price (BTC/ETH)", "minHorizontalGap": 100, "startOnAxis": true, "showFirstLabel": false, "showLastLabel": false }, "export": { "enabled": true }, }); function balloon(item, graph) { var txt; if (graph.id == "asks") { txt = "Ask: " + formatNumber(item.dataContext.value, graph.chart, 4) + "
" + "Total volume: " + formatNumber(item.dataContext.askstotalvolume, graph.chart, 4) + "
" + "Volume: " + formatNumber(item.dataContext.asksvolume, graph.chart, 4) + ""; } else { txt = "Bid: " + formatNumber(item.dataContext.value, graph.chart, 4) + "
" + "Total volume: " + formatNumber(item.dataContext.bidstotalvolume, graph.chart, 4) + "
" + "Volume: " + formatNumber(item.dataContext.bidsvolume, graph.chart, 4) + ""; } return txt; } function formatNumber(val, chart, precision) { return AmCharts.formatNumber( val, { precision: precision ? precision : chart.precision, decimalSeparator: chart.decimalSeparator, thousandsSeparator: chart.thousandsSeparator } ); } });