/home/awneajlw/.trash/public.1/js/plugins-init/amchart-init.js
$(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]]<br /><b style='font-size: 130%'>$[[value]]M</b>"
}, {
"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]]<br /><b style='font-size: 130%'>$[[value]]M</b>"
}, {
"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]]<br /><b style='font-size: 130%'>[[value]]</b>"
}, {
"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]]<br /><b style='font-size: 130%'>[[value]]</b>"
}],
"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": "<span style='font-size:13px;'>[[category]]: <b>[[value]]</b></span>",
"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": "<span style='font-size:18px;'>[[value]]</span>"
}],
"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:<b>[[open]]</b><br>Low:<b>[[low]]</b><br>High:<b>[[high]]</b><br>Close:<b>[[close]]</b><br>",
"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", "<strong style=\"color: #0c0\">Upgrade</strong>").replace("Downgrade", "<strong style=\"color: #c00\">Downgrade</strong>");
data[x] = {
"type": "pin",
"graph": "g1",
"backgroundColor": color,
"date": data[x].Date,
"text": data[x].Type,
"description": "<strong>" + data[x].Title + "</strong><br />" + 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: <strong>" + formatNumber(item.dataContext.value, graph.chart, 4) + "</strong><br />"
+ "Total volume: <strong>" + formatNumber(item.dataContext.askstotalvolume, graph.chart, 4) + "</strong><br />"
+ "Volume: <strong>" + formatNumber(item.dataContext.asksvolume, graph.chart, 4) + "</strong>";
}
else {
txt = "Bid: <strong>" + formatNumber(item.dataContext.value, graph.chart, 4) + "</strong><br />"
+ "Total volume: <strong>" + formatNumber(item.dataContext.bidstotalvolume, graph.chart, 4) + "</strong><br />"
+ "Volume: <strong>" + formatNumber(item.dataContext.bidsvolume, graph.chart, 4) + "</strong>";
}
return txt;
}
function formatNumber(val, chart, precision) {
return AmCharts.formatNumber(
val,
{
precision: precision ? precision : chart.precision,
decimalSeparator: chart.decimalSeparator,
thousandsSeparator: chart.thousandsSeparator
}
);
}
});