2392 lines
71 KiB
JavaScript
2392 lines
71 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
// Class definition
|
||
|
|
var KTamChartsChartsDemo = function() {
|
||
|
|
|
||
|
|
// Private functions
|
||
|
|
var demo1 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_1", {
|
||
|
|
"rtl": KTUtil.isRTL(),
|
||
|
|
"type": "serial",
|
||
|
|
"theme": "light",
|
||
|
|
"dataProvider": [{
|
||
|
|
"country": "USA",
|
||
|
|
"visits": 2025
|
||
|
|
}, {
|
||
|
|
"country": "China",
|
||
|
|
"visits": 1882
|
||
|
|
}, {
|
||
|
|
"country": "Japan",
|
||
|
|
"visits": 1809
|
||
|
|
}, {
|
||
|
|
"country": "Germany",
|
||
|
|
"visits": 1322
|
||
|
|
}, {
|
||
|
|
"country": "UK",
|
||
|
|
"visits": 1122
|
||
|
|
}, {
|
||
|
|
"country": "France",
|
||
|
|
"visits": 1114
|
||
|
|
}, {
|
||
|
|
"country": "India",
|
||
|
|
"visits": 984
|
||
|
|
}, {
|
||
|
|
"country": "Spain",
|
||
|
|
"visits": 711
|
||
|
|
}, {
|
||
|
|
"country": "Netherlands",
|
||
|
|
"visits": 665
|
||
|
|
}, {
|
||
|
|
"country": "Russia",
|
||
|
|
"visits": 580
|
||
|
|
}, {
|
||
|
|
"country": "South Korea",
|
||
|
|
"visits": 443
|
||
|
|
}, {
|
||
|
|
"country": "Canada",
|
||
|
|
"visits": 441
|
||
|
|
}, {
|
||
|
|
"country": "Brazil",
|
||
|
|
"visits": 395
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"gridColor": "#FFFFFF",
|
||
|
|
"gridAlpha": 0.2,
|
||
|
|
"dashLength": 0
|
||
|
|
}],
|
||
|
|
"gridAboveGraphs": true,
|
||
|
|
"startDuration": 1,
|
||
|
|
"graphs": [{
|
||
|
|
"balloonText": "[[category]]: <b>[[value]]</b>",
|
||
|
|
"fillAlphas": 0.8,
|
||
|
|
"lineAlpha": 0.2,
|
||
|
|
"type": "column",
|
||
|
|
"valueField": "visits"
|
||
|
|
}],
|
||
|
|
"chartCursor": {
|
||
|
|
"categoryBalloonEnabled": false,
|
||
|
|
"cursorAlpha": 0,
|
||
|
|
"zoomable": false
|
||
|
|
},
|
||
|
|
"categoryField": "country",
|
||
|
|
"categoryAxis": {
|
||
|
|
"gridPosition": "start",
|
||
|
|
"gridAlpha": 0,
|
||
|
|
"tickPosition": "start",
|
||
|
|
"tickLength": 20
|
||
|
|
},
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo2 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_2", {
|
||
|
|
"rtl": KTUtil.isRTL(),
|
||
|
|
"type": "serial",
|
||
|
|
"addClassNames": true,
|
||
|
|
"theme": "light",
|
||
|
|
"autoMargins": false,
|
||
|
|
"marginLeft": 30,
|
||
|
|
"marginRight": 8,
|
||
|
|
"marginTop": 10,
|
||
|
|
"marginBottom": 26,
|
||
|
|
"balloon": {
|
||
|
|
"adjustBorderColor": false,
|
||
|
|
"horizontalPadding": 10,
|
||
|
|
"verticalPadding": 8,
|
||
|
|
"color": "#ffffff"
|
||
|
|
},
|
||
|
|
|
||
|
|
"dataProvider": [{
|
||
|
|
"year": 2009,
|
||
|
|
"income": 23.5,
|
||
|
|
"expenses": 21.1
|
||
|
|
}, {
|
||
|
|
"year": 2010,
|
||
|
|
"income": 26.2,
|
||
|
|
"expenses": 30.5
|
||
|
|
}, {
|
||
|
|
"year": 2011,
|
||
|
|
"income": 30.1,
|
||
|
|
"expenses": 34.9
|
||
|
|
}, {
|
||
|
|
"year": 2012,
|
||
|
|
"income": 29.5,
|
||
|
|
"expenses": 31.1
|
||
|
|
}, {
|
||
|
|
"year": 2013,
|
||
|
|
"income": 30.6,
|
||
|
|
"expenses": 28.2,
|
||
|
|
"dashLengthLine": 5
|
||
|
|
}, {
|
||
|
|
"year": 2014,
|
||
|
|
"income": 34.1,
|
||
|
|
"expenses": 32.9,
|
||
|
|
"dashLengthColumn": 5,
|
||
|
|
"alpha": 0.2,
|
||
|
|
"additional": "(projection)"
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"axisAlpha": 0,
|
||
|
|
"position": "left"
|
||
|
|
}],
|
||
|
|
"startDuration": 1,
|
||
|
|
"graphs": [{
|
||
|
|
"alphaField": "alpha",
|
||
|
|
"balloonText": "<span style='font-size:12px;'>[[title]] in [[category]]:<br><span style='font-size:20px;'>[[value]]</span> [[additional]]</span>",
|
||
|
|
"fillAlphas": 1,
|
||
|
|
"title": "Income",
|
||
|
|
"type": "column",
|
||
|
|
"valueField": "income",
|
||
|
|
"dashLengthField": "dashLengthColumn"
|
||
|
|
}, {
|
||
|
|
"id": "graph2",
|
||
|
|
"balloonText": "<span style='font-size:12px;'>[[title]] in [[category]]:<br><span style='font-size:20px;'>[[value]]</span> [[additional]]</span>",
|
||
|
|
"bullet": "round",
|
||
|
|
"lineThickness": 3,
|
||
|
|
"bulletSize": 7,
|
||
|
|
"bulletBorderAlpha": 1,
|
||
|
|
"bulletColor": "#FFFFFF",
|
||
|
|
"useLineColorForBulletBorder": true,
|
||
|
|
"bulletBorderThickness": 3,
|
||
|
|
"fillAlphas": 0,
|
||
|
|
"lineAlpha": 1,
|
||
|
|
"title": "Expenses",
|
||
|
|
"valueField": "expenses",
|
||
|
|
"dashLengthField": "dashLengthLine"
|
||
|
|
}],
|
||
|
|
"categoryField": "year",
|
||
|
|
"categoryAxis": {
|
||
|
|
"gridPosition": "start",
|
||
|
|
"axisAlpha": 0,
|
||
|
|
"tickLength": 0
|
||
|
|
},
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo3 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_3", {
|
||
|
|
"theme": "light",
|
||
|
|
"type": "serial",
|
||
|
|
"dataProvider": [{
|
||
|
|
"country": "USA",
|
||
|
|
"year2004": 3.5,
|
||
|
|
"year2005": 4.2
|
||
|
|
}, {
|
||
|
|
"country": "UK",
|
||
|
|
"year2004": 1.7,
|
||
|
|
"year2005": 3.1
|
||
|
|
}, {
|
||
|
|
"country": "Canada",
|
||
|
|
"year2004": 2.8,
|
||
|
|
"year2005": 2.9
|
||
|
|
}, {
|
||
|
|
"country": "Japan",
|
||
|
|
"year2004": 2.6,
|
||
|
|
"year2005": 2.3
|
||
|
|
}, {
|
||
|
|
"country": "France",
|
||
|
|
"year2004": 1.4,
|
||
|
|
"year2005": 2.1
|
||
|
|
}, {
|
||
|
|
"country": "Brazil",
|
||
|
|
"year2004": 2.6,
|
||
|
|
"year2005": 4.9
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"unit": "%",
|
||
|
|
"position": "left",
|
||
|
|
"title": "GDP growth rate",
|
||
|
|
}],
|
||
|
|
"startDuration": 1,
|
||
|
|
"graphs": [{
|
||
|
|
"balloonText": "GDP grow in [[category]] (2004): <b>[[value]]</b>",
|
||
|
|
"fillAlphas": 0.9,
|
||
|
|
"lineAlpha": 0.2,
|
||
|
|
"title": "2004",
|
||
|
|
"type": "column",
|
||
|
|
"valueField": "year2004"
|
||
|
|
}, {
|
||
|
|
"balloonText": "GDP grow in [[category]] (2005): <b>[[value]]</b>",
|
||
|
|
"fillAlphas": 0.9,
|
||
|
|
"lineAlpha": 0.2,
|
||
|
|
"title": "2005",
|
||
|
|
"type": "column",
|
||
|
|
"clustered": false,
|
||
|
|
"columnWidth": 0.5,
|
||
|
|
"valueField": "year2005"
|
||
|
|
}],
|
||
|
|
"plotAreaFillAlphas": 0.1,
|
||
|
|
"categoryField": "country",
|
||
|
|
"categoryAxis": {
|
||
|
|
"gridPosition": "start"
|
||
|
|
},
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo4 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_4", {
|
||
|
|
"theme": "light",
|
||
|
|
"type": "serial",
|
||
|
|
"dataProvider": [{
|
||
|
|
"country": "USA",
|
||
|
|
"year2004": 3.5,
|
||
|
|
"year2005": 4.2
|
||
|
|
}, {
|
||
|
|
"country": "UK",
|
||
|
|
"year2004": 1.7,
|
||
|
|
"year2005": 3.1
|
||
|
|
}, {
|
||
|
|
"country": "Canada",
|
||
|
|
"year2004": 2.8,
|
||
|
|
"year2005": 2.9
|
||
|
|
}, {
|
||
|
|
"country": "Japan",
|
||
|
|
"year2004": 2.6,
|
||
|
|
"year2005": 2.3
|
||
|
|
}, {
|
||
|
|
"country": "France",
|
||
|
|
"year2004": 1.4,
|
||
|
|
"year2005": 2.1
|
||
|
|
}, {
|
||
|
|
"country": "Brazil",
|
||
|
|
"year2004": 2.6,
|
||
|
|
"year2005": 4.9
|
||
|
|
}, {
|
||
|
|
"country": "Russia",
|
||
|
|
"year2004": 6.4,
|
||
|
|
"year2005": 7.2
|
||
|
|
}, {
|
||
|
|
"country": "India",
|
||
|
|
"year2004": 8,
|
||
|
|
"year2005": 7.1
|
||
|
|
}, {
|
||
|
|
"country": "China",
|
||
|
|
"year2004": 9.9,
|
||
|
|
"year2005": 10.1
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"stackType": "3d",
|
||
|
|
"unit": "%",
|
||
|
|
"position": "left",
|
||
|
|
"title": "GDP growth rate",
|
||
|
|
}],
|
||
|
|
"startDuration": 1,
|
||
|
|
"graphs": [{
|
||
|
|
"balloonText": "GDP grow in [[category]] (2004): <b>[[value]]</b>",
|
||
|
|
"fillAlphas": 0.9,
|
||
|
|
"lineAlpha": 0.2,
|
||
|
|
"title": "2004",
|
||
|
|
"type": "column",
|
||
|
|
"valueField": "year2004"
|
||
|
|
}, {
|
||
|
|
"balloonText": "GDP grow in [[category]] (2005): <b>[[value]]</b>",
|
||
|
|
"fillAlphas": 0.9,
|
||
|
|
"lineAlpha": 0.2,
|
||
|
|
"title": "2005",
|
||
|
|
"type": "column",
|
||
|
|
"valueField": "year2005"
|
||
|
|
}],
|
||
|
|
"plotAreaFillAlphas": 0.1,
|
||
|
|
"depth3D": 60,
|
||
|
|
"angle": 30,
|
||
|
|
"categoryField": "country",
|
||
|
|
"categoryAxis": {
|
||
|
|
"gridPosition": "start"
|
||
|
|
},
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo5 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_5", {
|
||
|
|
"type": "serial",
|
||
|
|
"theme": "light",
|
||
|
|
"handDrawn": true,
|
||
|
|
"handDrawScatter": 3,
|
||
|
|
"legend": {
|
||
|
|
"useGraphSettings": true,
|
||
|
|
"markerSize": 12,
|
||
|
|
"valueWidth": 0,
|
||
|
|
"verticalGap": 0
|
||
|
|
},
|
||
|
|
"dataProvider": [{
|
||
|
|
"year": 2005,
|
||
|
|
"income": 23.5,
|
||
|
|
"expenses": 18.1
|
||
|
|
}, {
|
||
|
|
"year": 2006,
|
||
|
|
"income": 26.2,
|
||
|
|
"expenses": 22.8
|
||
|
|
}, {
|
||
|
|
"year": 2007,
|
||
|
|
"income": 30.1,
|
||
|
|
"expenses": 23.9
|
||
|
|
}, {
|
||
|
|
"year": 2008,
|
||
|
|
"income": 29.5,
|
||
|
|
"expenses": 25.1
|
||
|
|
}, {
|
||
|
|
"year": 2009,
|
||
|
|
"income": 24.6,
|
||
|
|
"expenses": 25
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"minorGridAlpha": 0.08,
|
||
|
|
"minorGridEnabled": true,
|
||
|
|
"position": "top",
|
||
|
|
"axisAlpha": 0
|
||
|
|
}],
|
||
|
|
"startDuration": 1,
|
||
|
|
"graphs": [{
|
||
|
|
"balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>",
|
||
|
|
"title": "Income",
|
||
|
|
"type": "column",
|
||
|
|
"fillAlphas": 0.8,
|
||
|
|
|
||
|
|
"valueField": "income"
|
||
|
|
}, {
|
||
|
|
"balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>",
|
||
|
|
"bullet": "round",
|
||
|
|
"bulletBorderAlpha": 1,
|
||
|
|
"bulletColor": "#FFFFFF",
|
||
|
|
"useLineColorForBulletBorder": true,
|
||
|
|
"fillAlphas": 0,
|
||
|
|
"lineThickness": 2,
|
||
|
|
"lineAlpha": 1,
|
||
|
|
"bulletSize": 7,
|
||
|
|
"title": "Expenses",
|
||
|
|
"valueField": "expenses"
|
||
|
|
}],
|
||
|
|
"rotate": true,
|
||
|
|
"categoryField": "year",
|
||
|
|
"categoryAxis": {
|
||
|
|
"gridPosition": "start"
|
||
|
|
},
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo6 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_6", {
|
||
|
|
"type": "serial",
|
||
|
|
"theme": "light",
|
||
|
|
"marginRight": 40,
|
||
|
|
"marginLeft": 40,
|
||
|
|
"autoMarginOffset": 20,
|
||
|
|
"mouseWheelZoomEnabled": true,
|
||
|
|
"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"
|
||
|
|
},
|
||
|
|
"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>"
|
||
|
|
}],
|
||
|
|
"chartScrollbar": {
|
||
|
|
"graph": "g1",
|
||
|
|
"oppositeAxis": false,
|
||
|
|
"offset": 30,
|
||
|
|
"scrollbarHeight": 80,
|
||
|
|
"backgroundAlpha": 0,
|
||
|
|
"selectedBackgroundAlpha": 0.1,
|
||
|
|
"selectedBackgroundColor": "#888888",
|
||
|
|
"graphFillAlpha": 0,
|
||
|
|
"graphLineAlpha": 0.5,
|
||
|
|
"selectedGraphFillAlpha": 0,
|
||
|
|
"selectedGraphLineAlpha": 1,
|
||
|
|
"autoGridCount": true,
|
||
|
|
"color": "#AAAAAA"
|
||
|
|
},
|
||
|
|
"chartCursor": {
|
||
|
|
"pan": true,
|
||
|
|
"valueLineEnabled": true,
|
||
|
|
"valueLineBalloonEnabled": true,
|
||
|
|
"cursorAlpha": 1,
|
||
|
|
"cursorColor": "#258cbb",
|
||
|
|
"limitToGraph": "g1",
|
||
|
|
"valueLineAlpha": 0.2,
|
||
|
|
"valueZoomable": true
|
||
|
|
},
|
||
|
|
"valueScrollbar": {
|
||
|
|
"oppositeAxis": false,
|
||
|
|
"offset": 50,
|
||
|
|
"scrollbarHeight": 10
|
||
|
|
},
|
||
|
|
"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
|
||
|
|
}]
|
||
|
|
});
|
||
|
|
|
||
|
|
chart.addListener("rendered", zoomChart);
|
||
|
|
|
||
|
|
zoomChart();
|
||
|
|
|
||
|
|
function zoomChart() {
|
||
|
|
chart.zoomToIndexes(chart.dataProvider.length - 40, chart.dataProvider.length - 1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo7 = function() {
|
||
|
|
var chartData = generateChartData();
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_7", {
|
||
|
|
"type": "serial",
|
||
|
|
"theme": "light",
|
||
|
|
"marginRight": 80,
|
||
|
|
"autoMarginOffset": 20,
|
||
|
|
"marginTop": 7,
|
||
|
|
"dataProvider": chartData,
|
||
|
|
"valueAxes": [{
|
||
|
|
"axisAlpha": 0.2,
|
||
|
|
"dashLength": 1,
|
||
|
|
"position": "left"
|
||
|
|
}],
|
||
|
|
"mouseWheelZoomEnabled": true,
|
||
|
|
"graphs": [{
|
||
|
|
"id": "g1",
|
||
|
|
"balloonText": "[[value]]",
|
||
|
|
"bullet": "round",
|
||
|
|
"bulletBorderAlpha": 1,
|
||
|
|
"bulletColor": "#FFFFFF",
|
||
|
|
"hideBulletsCount": 50,
|
||
|
|
"title": "red line",
|
||
|
|
"valueField": "visits",
|
||
|
|
"useLineColorForBulletBorder": true,
|
||
|
|
"balloon": {
|
||
|
|
"drop": true
|
||
|
|
}
|
||
|
|
}],
|
||
|
|
"chartScrollbar": {
|
||
|
|
"autoGridCount": true,
|
||
|
|
"graph": "g1",
|
||
|
|
"scrollbarHeight": 40
|
||
|
|
},
|
||
|
|
"chartCursor": {
|
||
|
|
"limitToGraph": "g1"
|
||
|
|
},
|
||
|
|
"categoryField": "date",
|
||
|
|
"categoryAxis": {
|
||
|
|
"parseDates": true,
|
||
|
|
"axisColor": "#DADADA",
|
||
|
|
"dashLength": 1,
|
||
|
|
"minorGridEnabled": true
|
||
|
|
},
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
chart.addListener("rendered", zoomChart);
|
||
|
|
zoomChart();
|
||
|
|
|
||
|
|
// this method is called when chart is first inited as we listen for "rendered" event
|
||
|
|
function zoomChart() {
|
||
|
|
// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
|
||
|
|
chart.zoomToIndexes(chartData.length - 40, chartData.length - 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// generate some random data, quite different range
|
||
|
|
function generateChartData() {
|
||
|
|
var chartData = [];
|
||
|
|
var firstDate = new Date();
|
||
|
|
firstDate.setDate(firstDate.getDate() - 5);
|
||
|
|
|
||
|
|
for (var i = 0; i < 1000; i++) {
|
||
|
|
// we create date objects here. In your data, you can have date strings
|
||
|
|
// and then set format of your dates using chart.dataDateFormat property,
|
||
|
|
// however when possible, use date objects, as this will speed up chart rendering.
|
||
|
|
var newDate = new Date(firstDate);
|
||
|
|
newDate.setDate(newDate.getDate() + i);
|
||
|
|
|
||
|
|
var visits = Math.round(Math.random() * (40 + i / 5)) + 20 + i;
|
||
|
|
|
||
|
|
chartData.push({
|
||
|
|
date: newDate,
|
||
|
|
visits: visits
|
||
|
|
});
|
||
|
|
}
|
||
|
|
return chartData;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo8 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_8", {
|
||
|
|
"type": "serial",
|
||
|
|
"theme": "light",
|
||
|
|
"legend": {
|
||
|
|
"equalWidths": false,
|
||
|
|
"useGraphSettings": true,
|
||
|
|
"valueAlign": "left",
|
||
|
|
"valueWidth": 120
|
||
|
|
},
|
||
|
|
"dataProvider": [{
|
||
|
|
"date": "2012-01-01",
|
||
|
|
"distance": 227,
|
||
|
|
"townName": "New York",
|
||
|
|
"townName2": "New York",
|
||
|
|
"townSize": 25,
|
||
|
|
"latitude": 40.71,
|
||
|
|
"duration": 408
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-02",
|
||
|
|
"distance": 371,
|
||
|
|
"townName": "Washington",
|
||
|
|
"townSize": 14,
|
||
|
|
"latitude": 38.89,
|
||
|
|
"duration": 482
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-03",
|
||
|
|
"distance": 433,
|
||
|
|
"townName": "Wilmington",
|
||
|
|
"townSize": 6,
|
||
|
|
"latitude": 34.22,
|
||
|
|
"duration": 562
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-04",
|
||
|
|
"distance": 345,
|
||
|
|
"townName": "Jacksonville",
|
||
|
|
"townSize": 7,
|
||
|
|
"latitude": 30.35,
|
||
|
|
"duration": 379
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-05",
|
||
|
|
"distance": 480,
|
||
|
|
"townName": "Miami",
|
||
|
|
"townName2": "Miami",
|
||
|
|
"townSize": 10,
|
||
|
|
"latitude": 25.83,
|
||
|
|
"duration": 501
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-06",
|
||
|
|
"distance": 386,
|
||
|
|
"townName": "Tallahassee",
|
||
|
|
"townSize": 7,
|
||
|
|
"latitude": 30.46,
|
||
|
|
"duration": 443
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-07",
|
||
|
|
"distance": 348,
|
||
|
|
"townName": "New Orleans",
|
||
|
|
"townSize": 10,
|
||
|
|
"latitude": 29.94,
|
||
|
|
"duration": 405
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-08",
|
||
|
|
"distance": 238,
|
||
|
|
"townName": "Houston",
|
||
|
|
"townName2": "Houston",
|
||
|
|
"townSize": 16,
|
||
|
|
"latitude": 29.76,
|
||
|
|
"duration": 309
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-09",
|
||
|
|
"distance": 218,
|
||
|
|
"townName": "Dalas",
|
||
|
|
"townSize": 17,
|
||
|
|
"latitude": 32.8,
|
||
|
|
"duration": 287
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-10",
|
||
|
|
"distance": 349,
|
||
|
|
"townName": "Oklahoma City",
|
||
|
|
"townSize": 11,
|
||
|
|
"latitude": 35.49,
|
||
|
|
"duration": 485
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-11",
|
||
|
|
"distance": 603,
|
||
|
|
"townName": "Kansas City",
|
||
|
|
"townSize": 10,
|
||
|
|
"latitude": 39.1,
|
||
|
|
"duration": 890
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-12",
|
||
|
|
"distance": 534,
|
||
|
|
"townName": "Denver",
|
||
|
|
"townName2": "Denver",
|
||
|
|
"townSize": 18,
|
||
|
|
"latitude": 39.74,
|
||
|
|
"duration": 810
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-13",
|
||
|
|
"townName": "Salt Lake City",
|
||
|
|
"townSize": 12,
|
||
|
|
"distance": 425,
|
||
|
|
"duration": 670,
|
||
|
|
"latitude": 40.75,
|
||
|
|
"dashLength": 8,
|
||
|
|
"alpha": 0.4
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-14",
|
||
|
|
"latitude": 36.1,
|
||
|
|
"duration": 470,
|
||
|
|
"townName": "Las Vegas",
|
||
|
|
"townName2": "Las Vegas"
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-15"
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-16"
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-17"
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-18"
|
||
|
|
}, {
|
||
|
|
"date": "2012-01-19"
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"id": "distanceAxis",
|
||
|
|
"axisAlpha": 0,
|
||
|
|
"gridAlpha": 0,
|
||
|
|
"position": "left",
|
||
|
|
"title": "distance"
|
||
|
|
}, {
|
||
|
|
"id": "latitudeAxis",
|
||
|
|
"axisAlpha": 0,
|
||
|
|
"gridAlpha": 0,
|
||
|
|
"labelsEnabled": false,
|
||
|
|
"position": "right"
|
||
|
|
}, {
|
||
|
|
"id": "durationAxis",
|
||
|
|
"duration": "mm",
|
||
|
|
"durationUnits": {
|
||
|
|
"hh": "h ",
|
||
|
|
"mm": "min"
|
||
|
|
},
|
||
|
|
"axisAlpha": 0,
|
||
|
|
"gridAlpha": 0,
|
||
|
|
"inside": true,
|
||
|
|
"position": "right",
|
||
|
|
"title": "duration"
|
||
|
|
}],
|
||
|
|
"graphs": [{
|
||
|
|
"alphaField": "alpha",
|
||
|
|
"balloonText": "[[value]] miles",
|
||
|
|
"dashLengthField": "dashLength",
|
||
|
|
"fillAlphas": 0.7,
|
||
|
|
"legendPeriodValueText": "total: [[value.sum]] mi",
|
||
|
|
"legendValueText": "[[value]] mi",
|
||
|
|
"title": "distance",
|
||
|
|
"type": "column",
|
||
|
|
"valueField": "distance",
|
||
|
|
"valueAxis": "distanceAxis"
|
||
|
|
}, {
|
||
|
|
"balloonText": "latitude:[[value]]",
|
||
|
|
"bullet": "round",
|
||
|
|
"bulletBorderAlpha": 1,
|
||
|
|
"useLineColorForBulletBorder": true,
|
||
|
|
"bulletColor": "#FFFFFF",
|
||
|
|
"bulletSizeField": "townSize",
|
||
|
|
"dashLengthField": "dashLength",
|
||
|
|
"descriptionField": "townName",
|
||
|
|
"labelPosition": "right",
|
||
|
|
"labelText": "[[townName2]]",
|
||
|
|
"legendValueText": "[[value]]/[[description]]",
|
||
|
|
"title": "latitude/city",
|
||
|
|
"fillAlphas": 0,
|
||
|
|
"valueField": "latitude",
|
||
|
|
"valueAxis": "latitudeAxis"
|
||
|
|
}, {
|
||
|
|
"bullet": "square",
|
||
|
|
"bulletBorderAlpha": 1,
|
||
|
|
"bulletBorderThickness": 1,
|
||
|
|
"dashLengthField": "dashLength",
|
||
|
|
"legendValueText": "[[value]]",
|
||
|
|
"title": "duration",
|
||
|
|
"fillAlphas": 0,
|
||
|
|
"valueField": "duration",
|
||
|
|
"valueAxis": "durationAxis"
|
||
|
|
}],
|
||
|
|
"chartCursor": {
|
||
|
|
"categoryBalloonDateFormat": "DD",
|
||
|
|
"cursorAlpha": 0.1,
|
||
|
|
"cursorColor": "#000000",
|
||
|
|
"fullWidth": true,
|
||
|
|
"valueBalloonsEnabled": false,
|
||
|
|
"zoomable": false
|
||
|
|
},
|
||
|
|
"dataDateFormat": "YYYY-MM-DD",
|
||
|
|
"categoryField": "date",
|
||
|
|
"categoryAxis": {
|
||
|
|
"dateFormats": [{
|
||
|
|
"period": "DD",
|
||
|
|
"format": "DD"
|
||
|
|
}, {
|
||
|
|
"period": "WW",
|
||
|
|
"format": "MMM DD"
|
||
|
|
}, {
|
||
|
|
"period": "MM",
|
||
|
|
"format": "MMM"
|
||
|
|
}, {
|
||
|
|
"period": "YYYY",
|
||
|
|
"format": "YYYY"
|
||
|
|
}],
|
||
|
|
"parseDates": true,
|
||
|
|
"autoGridCount": false,
|
||
|
|
"axisColor": "#555555",
|
||
|
|
"gridAlpha": 0.1,
|
||
|
|
"gridColor": "#FFFFFF",
|
||
|
|
"gridCount": 50
|
||
|
|
},
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo9 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_9", {
|
||
|
|
"type": "radar",
|
||
|
|
"theme": "light",
|
||
|
|
"dataProvider": [{
|
||
|
|
"country": "Czech Republic",
|
||
|
|
"litres": 156.9
|
||
|
|
}, {
|
||
|
|
"country": "Ireland",
|
||
|
|
"litres": 131.1
|
||
|
|
}, {
|
||
|
|
"country": "Germany",
|
||
|
|
"litres": 115.8
|
||
|
|
}, {
|
||
|
|
"country": "Australia",
|
||
|
|
"litres": 109.9
|
||
|
|
}, {
|
||
|
|
"country": "Austria",
|
||
|
|
"litres": 108.3
|
||
|
|
}, {
|
||
|
|
"country": "UK",
|
||
|
|
"litres": 99
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"axisTitleOffset": 20,
|
||
|
|
"minimum": 0,
|
||
|
|
"axisAlpha": 0.15
|
||
|
|
}],
|
||
|
|
"startDuration": 2,
|
||
|
|
"graphs": [{
|
||
|
|
"balloonText": "[[value]] litres of beer per year",
|
||
|
|
"bullet": "round",
|
||
|
|
"lineThickness": 2,
|
||
|
|
"valueField": "litres"
|
||
|
|
}],
|
||
|
|
"categoryField": "country",
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo10 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_10", {
|
||
|
|
"type": "radar",
|
||
|
|
"theme": "light",
|
||
|
|
"dataProvider": [{
|
||
|
|
"direction": "N",
|
||
|
|
"value": 8
|
||
|
|
}, {
|
||
|
|
"direction": "NE",
|
||
|
|
"value": 9
|
||
|
|
}, {
|
||
|
|
"direction": "E",
|
||
|
|
"value": 4.5
|
||
|
|
}, {
|
||
|
|
"direction": "SE",
|
||
|
|
"value": 3.5
|
||
|
|
}, {
|
||
|
|
"direction": "S",
|
||
|
|
"value": 9.2
|
||
|
|
}, {
|
||
|
|
"direction": "SW",
|
||
|
|
"value": 8.4
|
||
|
|
}, {
|
||
|
|
"direction": "W",
|
||
|
|
"value": 11.1
|
||
|
|
}, {
|
||
|
|
"direction": "NW",
|
||
|
|
"value": 10
|
||
|
|
}],
|
||
|
|
"valueAxes": [{
|
||
|
|
"gridType": "circles",
|
||
|
|
"minimum": 0,
|
||
|
|
"autoGridCount": false,
|
||
|
|
"axisAlpha": 0.2,
|
||
|
|
"fillAlpha": 0.05,
|
||
|
|
"fillColor": "#FFFFFF",
|
||
|
|
"gridAlpha": 0.08,
|
||
|
|
"guides": [{
|
||
|
|
"angle": 225,
|
||
|
|
"fillAlpha": 0.3,
|
||
|
|
"fillColor": "#0066CC",
|
||
|
|
"tickLength": 0,
|
||
|
|
"toAngle": 315,
|
||
|
|
"toValue": 14,
|
||
|
|
"value": 0,
|
||
|
|
"lineAlpha": 0,
|
||
|
|
|
||
|
|
}, {
|
||
|
|
"angle": 45,
|
||
|
|
"fillAlpha": 0.3,
|
||
|
|
"fillColor": "#CC3333",
|
||
|
|
"tickLength": 0,
|
||
|
|
"toAngle": 135,
|
||
|
|
"toValue": 14,
|
||
|
|
"value": 0,
|
||
|
|
"lineAlpha": 0,
|
||
|
|
}],
|
||
|
|
"position": "left"
|
||
|
|
}],
|
||
|
|
"startDuration": 1,
|
||
|
|
"graphs": [{
|
||
|
|
"balloonText": "[[category]]: [[value]] m/s",
|
||
|
|
"bullet": "round",
|
||
|
|
"fillAlphas": 0.3,
|
||
|
|
"valueField": "value"
|
||
|
|
}],
|
||
|
|
"categoryField": "direction",
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo11 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_11", {
|
||
|
|
"type": "radar",
|
||
|
|
"theme": "light",
|
||
|
|
"dataProvider": [],
|
||
|
|
"valueAxes": [{
|
||
|
|
"gridType": "circles",
|
||
|
|
"minimum": 0
|
||
|
|
}],
|
||
|
|
"startDuration": 1,
|
||
|
|
"polarScatter": {
|
||
|
|
"minimum": 0,
|
||
|
|
"maximum": 359,
|
||
|
|
"step": 1
|
||
|
|
},
|
||
|
|
"legend": {
|
||
|
|
"position": "right"
|
||
|
|
},
|
||
|
|
"graphs": [{
|
||
|
|
"title": "Trial #1",
|
||
|
|
"balloonText": "[[category]]: [[value]] m/s",
|
||
|
|
"bullet": "round",
|
||
|
|
"lineAlpha": 0,
|
||
|
|
"series": [
|
||
|
|
[83, 5.1],
|
||
|
|
[44, 5.8],
|
||
|
|
[76, 9],
|
||
|
|
[2, 1.4],
|
||
|
|
[100, 8.3],
|
||
|
|
[96, 1.7],
|
||
|
|
[68, 3.9],
|
||
|
|
[0, 3],
|
||
|
|
[100, 4.1],
|
||
|
|
[16, 5.5],
|
||
|
|
[71, 6.8],
|
||
|
|
[100, 7.9],
|
||
|
|
[9, 6.8],
|
||
|
|
[85, 8.3],
|
||
|
|
[51, 6.7],
|
||
|
|
[95, 3.8],
|
||
|
|
[95, 4.4],
|
||
|
|
[1, 0.2],
|
||
|
|
[107, 9.7],
|
||
|
|
[50, 4.2],
|
||
|
|
[42, 9.2],
|
||
|
|
[35, 8],
|
||
|
|
[44, 6],
|
||
|
|
[64, 0.7],
|
||
|
|
[53, 3.3],
|
||
|
|
[92, 4.1],
|
||
|
|
[43, 7.3],
|
||
|
|
[15, 7.5],
|
||
|
|
[43, 4.3],
|
||
|
|
[90, 9.9]
|
||
|
|
]
|
||
|
|
}, {
|
||
|
|
"title": "Trial #2",
|
||
|
|
"balloonText": "[[category]]: [[value]] m/s",
|
||
|
|
"bullet": "round",
|
||
|
|
"lineAlpha": 0,
|
||
|
|
"series": [
|
||
|
|
[178, 1.3],
|
||
|
|
[129, 3.4],
|
||
|
|
[99, 2.4],
|
||
|
|
[80, 9.9],
|
||
|
|
[118, 9.4],
|
||
|
|
[103, 8.7],
|
||
|
|
[91, 4.2],
|
||
|
|
[151, 1.2],
|
||
|
|
[168, 5.2],
|
||
|
|
[168, 1.6],
|
||
|
|
[152, 1.2],
|
||
|
|
[149, 3.4],
|
||
|
|
[182, 8.8],
|
||
|
|
[106, 6.7],
|
||
|
|
[111, 9.2],
|
||
|
|
[130, 6.3],
|
||
|
|
[147, 2.9],
|
||
|
|
[81, 8.1],
|
||
|
|
[138, 7.7],
|
||
|
|
[107, 3.9],
|
||
|
|
[124, 0.7],
|
||
|
|
[130, 2.6],
|
||
|
|
[86, 9.2],
|
||
|
|
[169, 7.5],
|
||
|
|
[122, 9.9],
|
||
|
|
[100, 3.8],
|
||
|
|
[172, 4.1],
|
||
|
|
[140, 7.3],
|
||
|
|
[161, 2.3],
|
||
|
|
[141, 0.9]
|
||
|
|
]
|
||
|
|
}, {
|
||
|
|
"title": "Trial #3",
|
||
|
|
"balloonText": "[[category]]: [[value]] m/s",
|
||
|
|
"bullet": "round",
|
||
|
|
"lineAlpha": 0,
|
||
|
|
"series": [
|
||
|
|
[419, 4.9],
|
||
|
|
[417, 5.5],
|
||
|
|
[434, 0.1],
|
||
|
|
[344, 2.5],
|
||
|
|
[279, 7.5],
|
||
|
|
[307, 8.4],
|
||
|
|
[279, 9],
|
||
|
|
[220, 8.4],
|
||
|
|
[204, 8],
|
||
|
|
[446, 0.9],
|
||
|
|
[397, 8.9],
|
||
|
|
[351, 1.7],
|
||
|
|
[393, 0.7],
|
||
|
|
[254, 1.8],
|
||
|
|
[260, 0.4],
|
||
|
|
[300, 3.5],
|
||
|
|
[199, 2.7],
|
||
|
|
[182, 5.8],
|
||
|
|
[173, 2],
|
||
|
|
[201, 9.7],
|
||
|
|
[288, 1.2],
|
||
|
|
[333, 7.4],
|
||
|
|
[308, 1.9],
|
||
|
|
[330, 8],
|
||
|
|
[408, 1.7],
|
||
|
|
[274, 0.8],
|
||
|
|
[296, 3.1],
|
||
|
|
[279, 4.3],
|
||
|
|
[379, 5.6],
|
||
|
|
[175, 6.8]
|
||
|
|
]
|
||
|
|
}],
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo12 = function() {
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_12", {
|
||
|
|
"type": "pie",
|
||
|
|
"theme": "light",
|
||
|
|
"dataProvider": [{
|
||
|
|
"country": "Lithuania",
|
||
|
|
"litres": 501.9
|
||
|
|
}, {
|
||
|
|
"country": "Czech Republic",
|
||
|
|
"litres": 301.9
|
||
|
|
}, {
|
||
|
|
"country": "Ireland",
|
||
|
|
"litres": 201.1
|
||
|
|
}, {
|
||
|
|
"country": "Germany",
|
||
|
|
"litres": 165.8
|
||
|
|
}, {
|
||
|
|
"country": "Australia",
|
||
|
|
"litres": 139.9
|
||
|
|
}, {
|
||
|
|
"country": "Austria",
|
||
|
|
"litres": 128.3
|
||
|
|
}, {
|
||
|
|
"country": "UK",
|
||
|
|
"litres": 99
|
||
|
|
}, {
|
||
|
|
"country": "Belgium",
|
||
|
|
"litres": 60
|
||
|
|
}, {
|
||
|
|
"country": "The Netherlands",
|
||
|
|
"litres": 50
|
||
|
|
}],
|
||
|
|
"valueField": "litres",
|
||
|
|
"titleField": "country",
|
||
|
|
"balloon": {
|
||
|
|
"fixedPosition": true
|
||
|
|
},
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var demo13 = function() {
|
||
|
|
/**
|
||
|
|
* Define data for each year
|
||
|
|
*/
|
||
|
|
var chartData = {
|
||
|
|
"1995": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 6.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 23.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 2.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 14.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 9.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 22.5
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"1996": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 6.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 22.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 14.8
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 9.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 22
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"1997": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 6.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 20.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.8
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 13.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 9.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 22.1
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"1998": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 6.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 21.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 14.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 23
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"1999": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 5.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 20
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.8
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 15.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 24.7
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2000": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 5.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 20.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 16.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 24.6
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2001": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 5.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 20.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 3.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 16.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 25.8
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2002": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 5.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 20.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 3.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 16.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 26
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2003": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 19.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 3.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 16.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 11
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 27.5
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2004": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 18.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 3.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 16.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 28.1
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2005": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 18.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 3.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 15.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 29.1
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2006": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 16.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 3.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 14.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 12.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 29.1
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2007": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 16.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 15.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 11.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 30.4
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2008": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 17.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 5.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 15.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 11.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 28.4
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2009": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 16.4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 1.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 15.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 27.9
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2010": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 16.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 2.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 4.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 15.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 28.8
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2011": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 4.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 14.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 2.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 17.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 27.2
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2012": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 3.8
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.3
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 14.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 2.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 5.1
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 15.8
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 28
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2013": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 3.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 14.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 2.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 5.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 16.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 26.6
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"2014": [{
|
||
|
|
"sector": "Agriculture",
|
||
|
|
"size": 3.9
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Mining and Quarrying",
|
||
|
|
"size": 0.2
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Manufacturing",
|
||
|
|
"size": 14.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Electricity and Water",
|
||
|
|
"size": 2.7
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Construction",
|
||
|
|
"size": 5.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Trade (Wholesale, Retail, Motor)",
|
||
|
|
"size": 16.6
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Transport and Communication",
|
||
|
|
"size": 10.5
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"sector": "Finance, real estate and business services",
|
||
|
|
"size": 26.5
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Create the chart
|
||
|
|
*/
|
||
|
|
var currentYear = 1995;
|
||
|
|
var chart = AmCharts.makeChart("kt_amcharts_13", {
|
||
|
|
"type": "pie",
|
||
|
|
"theme": "light",
|
||
|
|
"dataProvider": [],
|
||
|
|
"valueField": "size",
|
||
|
|
"titleField": "sector",
|
||
|
|
"startDuration": 0,
|
||
|
|
"innerRadius": 80,
|
||
|
|
"pullOutRadius": 20,
|
||
|
|
"marginTop": 30,
|
||
|
|
"titles": [{
|
||
|
|
"text": "South African Economy"
|
||
|
|
}],
|
||
|
|
"allLabels": [{
|
||
|
|
"y": "54%",
|
||
|
|
"align": "center",
|
||
|
|
"size": 25,
|
||
|
|
"bold": true,
|
||
|
|
"text": "1995",
|
||
|
|
"color": "#555"
|
||
|
|
}, {
|
||
|
|
"y": "49%",
|
||
|
|
"align": "center",
|
||
|
|
"size": 15,
|
||
|
|
"text": "Year",
|
||
|
|
"color": "#555"
|
||
|
|
}],
|
||
|
|
"listeners": [{
|
||
|
|
"event": "init",
|
||
|
|
"method": function(e) {
|
||
|
|
var chart = e.chart;
|
||
|
|
|
||
|
|
function getCurrentData() {
|
||
|
|
var data = chartData[currentYear];
|
||
|
|
currentYear++;
|
||
|
|
if (currentYear > 2014)
|
||
|
|
currentYear = 1995;
|
||
|
|
return data;
|
||
|
|
}
|
||
|
|
|
||
|
|
function loop() {
|
||
|
|
chart.allLabels[0].text = currentYear;
|
||
|
|
var data = getCurrentData();
|
||
|
|
chart.animateData(data, {
|
||
|
|
duration: 1000,
|
||
|
|
complete: function() {
|
||
|
|
setTimeout(loop, 3000);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
loop();
|
||
|
|
}
|
||
|
|
}],
|
||
|
|
"export": {
|
||
|
|
"enabled": true
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
return {
|
||
|
|
// public functions
|
||
|
|
init: function() {
|
||
|
|
demo1();
|
||
|
|
demo2();
|
||
|
|
demo3();
|
||
|
|
demo4();
|
||
|
|
demo5();
|
||
|
|
demo6();
|
||
|
|
demo7();
|
||
|
|
demo8();
|
||
|
|
demo9();
|
||
|
|
demo10();
|
||
|
|
demo11();
|
||
|
|
demo12();
|
||
|
|
demo13();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}();
|
||
|
|
|
||
|
|
jQuery(document).ready(function() {
|
||
|
|
KTamChartsChartsDemo.init();
|
||
|
|
});
|