You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
693 lines
18 KiB
693 lines
18 KiB
1 year ago
|
"use strict";
|
||
|
$(document).ready(function() {
|
||
|
var chart = AmCharts.makeChart("3D_pie_chart", {
|
||
|
"type": "pie",
|
||
|
"theme": "none",
|
||
|
"dataProvider": [{
|
||
|
"country": "Lithuania",
|
||
|
"value": 260
|
||
|
}, {
|
||
|
"country": "Ireland",
|
||
|
"value": 201
|
||
|
}, {
|
||
|
"country": "Germany",
|
||
|
"value": 65
|
||
|
}, {
|
||
|
"country": "Australia",
|
||
|
"value": 39
|
||
|
}, {
|
||
|
"country": "UK",
|
||
|
"value": 19
|
||
|
}, {
|
||
|
"country": "Latvia",
|
||
|
"value": 10
|
||
|
}],
|
||
|
"valueField": "value",
|
||
|
"titleField": "country",
|
||
|
"outlineAlpha": 0.4,
|
||
|
"depth3D": 15,
|
||
|
"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
|
||
|
"angle": 30,
|
||
|
"export": {
|
||
|
"enabled": true
|
||
|
}
|
||
|
});
|
||
|
var chart = AmCharts.makeChart("bar_chart", {
|
||
|
"type": "serial",
|
||
|
"theme": "light",
|
||
|
"dataDateFormat": "YYYY-MM-DD",
|
||
|
"precision": 2,
|
||
|
"valueAxes": [{
|
||
|
"id": "v1",
|
||
|
"fontSize": 0,
|
||
|
"axisAlpha": 0,
|
||
|
"lineAlpha": 0,
|
||
|
"gridAlpha": 0,
|
||
|
"position": "left",
|
||
|
"autoGridCount": false,
|
||
|
"labelFunction": function(value) {
|
||
|
return "$" + Math.round(value) + "M";
|
||
|
}
|
||
|
}],
|
||
|
"graphs": [{
|
||
|
"id": "g3",
|
||
|
"valueAxis": "v1",
|
||
|
"lineColor": "#2ed8b6",
|
||
|
"fillColors": "#2ed8b6",
|
||
|
"fillAlphas": 0.3,
|
||
|
"type": "column",
|
||
|
"title": "Actual Sales",
|
||
|
"valueField": "sales2",
|
||
|
"columnWidth": 0.5,
|
||
|
"legendValueText": "$[[value]]M",
|
||
|
"balloonText": "[[title]]<br /><b style='font-size: 130%'>$[[value]]M</b>"
|
||
|
}, {
|
||
|
"id": "g4",
|
||
|
"valueAxis": "v1",
|
||
|
"lineColor": "#2ed8b6",
|
||
|
"fillColors": "#2ed8b6",
|
||
|
"fillAlphas": 1,
|
||
|
"type": "column",
|
||
|
"title": "Target Sales",
|
||
|
"valueField": "sales1",
|
||
|
"columnWidth": 0.5,
|
||
|
"legendValueText": "$[[value]]M",
|
||
|
"balloonText": "[[title]]<br /><b style='font-size: 130%'>$[[value]]M</b>"
|
||
|
}],
|
||
|
"chartCursor": {
|
||
|
"pan": true,
|
||
|
"valueLineEnabled": true,
|
||
|
"valueLineBalloonEnabled": true,
|
||
|
"cursorAlpha": 0,
|
||
|
"valueLineAlpha": 0.2
|
||
|
},
|
||
|
"categoryField": "date",
|
||
|
"categoryAxis": {
|
||
|
"parseDates": true,
|
||
|
"axisAlpha": 0,
|
||
|
"lineAlpha": 0,
|
||
|
"gridAlpha": 0,
|
||
|
"minorGridEnabled": true,
|
||
|
},
|
||
|
"balloon": {
|
||
|
"borderThickness": 1,
|
||
|
"shadowAlpha": 0
|
||
|
},
|
||
|
"export": {
|
||
|
"enabled": true
|
||
|
},
|
||
|
"dataProvider": [{
|
||
|
"date": "2013-01-16",
|
||
|
"sales1": 5,
|
||
|
"sales2": 8
|
||
|
}, {
|
||
|
"date": "2013-01-17",
|
||
|
"sales1": 4,
|
||
|
"sales2": 6
|
||
|
}, {
|
||
|
"date": "2013-01-18",
|
||
|
"sales1": 5,
|
||
|
"sales2": 2
|
||
|
}, {
|
||
|
"date": "2013-01-19",
|
||
|
"sales1": 8,
|
||
|
"sales2": 9
|
||
|
}, {
|
||
|
"date": "2013-01-20",
|
||
|
"sales1": 9,
|
||
|
"sales2": 6
|
||
|
}]
|
||
|
});
|
||
|
var chart = AmCharts.makeChart("smoothed_line_chart", {
|
||
|
"type": "serial",
|
||
|
"theme": "none",
|
||
|
"marginTop": 0,
|
||
|
"marginRight": 80,
|
||
|
"dataProvider": [{
|
||
|
"year": "1950",
|
||
|
"value": -0.307
|
||
|
}, {
|
||
|
"year": "1951",
|
||
|
"value": -0.168
|
||
|
}, {
|
||
|
"year": "1952",
|
||
|
"value": -0.073
|
||
|
}, {
|
||
|
"year": "1953",
|
||
|
"value": -0.027
|
||
|
}, {
|
||
|
"year": "1954",
|
||
|
"value": -0.251
|
||
|
}, {
|
||
|
"year": "1955",
|
||
|
"value": -0.281
|
||
|
}, {
|
||
|
"year": "1956",
|
||
|
"value": -0.348
|
||
|
}, {
|
||
|
"year": "1957",
|
||
|
"value": -0.074
|
||
|
}, {
|
||
|
"year": "1958",
|
||
|
"value": -0.011
|
||
|
}, {
|
||
|
"year": "1959",
|
||
|
"value": -0.074
|
||
|
}, {
|
||
|
"year": "1960",
|
||
|
"value": -0.124
|
||
|
}, {
|
||
|
"year": "1961",
|
||
|
"value": -0.024
|
||
|
}, {
|
||
|
"year": "1962",
|
||
|
"value": -0.022
|
||
|
}, {
|
||
|
"year": "1963",
|
||
|
"value": 0
|
||
|
}, {
|
||
|
"year": "1964",
|
||
|
"value": -0.296
|
||
|
}, {
|
||
|
"year": "1965",
|
||
|
"value": -0.217
|
||
|
}, {
|
||
|
"year": "1966",
|
||
|
"value": -0.147
|
||
|
}, {
|
||
|
"year": "1967",
|
||
|
"value": -0.15
|
||
|
}, {
|
||
|
"year": "1968",
|
||
|
"value": -0.16
|
||
|
}, {
|
||
|
"year": "1969",
|
||
|
"value": -0.011
|
||
|
}, {
|
||
|
"year": "1970",
|
||
|
"value": -0.068
|
||
|
}, {
|
||
|
"year": "1971",
|
||
|
"value": -0.19
|
||
|
}, {
|
||
|
"year": "1972",
|
||
|
"value": -0.056
|
||
|
}, {
|
||
|
"year": "1973",
|
||
|
"value": 0.077
|
||
|
}, {
|
||
|
"year": "1974",
|
||
|
"value": -0.213
|
||
|
}, {
|
||
|
"year": "1975",
|
||
|
"value": -0.17
|
||
|
}, {
|
||
|
"year": "1976",
|
||
|
"value": -0.254
|
||
|
}, {
|
||
|
"year": "1977",
|
||
|
"value": 0.019
|
||
|
}, {
|
||
|
"year": "1978",
|
||
|
"value": -0.063
|
||
|
}, {
|
||
|
"year": "1979",
|
||
|
"value": 0.05
|
||
|
}, {
|
||
|
"year": "1980",
|
||
|
"value": 0.077
|
||
|
}, {
|
||
|
"year": "1981",
|
||
|
"value": 0.12
|
||
|
}, {
|
||
|
"year": "1982",
|
||
|
"value": 0.011
|
||
|
}, {
|
||
|
"year": "1983",
|
||
|
"value": 0.177
|
||
|
}, {
|
||
|
"year": "1984",
|
||
|
"value": -0.021
|
||
|
}, {
|
||
|
"year": "1985",
|
||
|
"value": -0.037
|
||
|
}, {
|
||
|
"year": "1986",
|
||
|
"value": 0.03
|
||
|
}, {
|
||
|
"year": "1987",
|
||
|
"value": 0.179
|
||
|
}, {
|
||
|
"year": "1988",
|
||
|
"value": 0.18
|
||
|
}, {
|
||
|
"year": "1989",
|
||
|
"value": 0.104
|
||
|
}, {
|
||
|
"year": "1990",
|
||
|
"value": 0.255
|
||
|
}, {
|
||
|
"year": "1991",
|
||
|
"value": 0.21
|
||
|
}, {
|
||
|
"year": "1992",
|
||
|
"value": 0.065
|
||
|
}, {
|
||
|
"year": "1993",
|
||
|
"value": 0.11
|
||
|
}, {
|
||
|
"year": "1994",
|
||
|
"value": 0.172
|
||
|
}, {
|
||
|
"year": "1995",
|
||
|
"value": 0.269
|
||
|
}, {
|
||
|
"year": "1996",
|
||
|
"value": 0.141
|
||
|
}, {
|
||
|
"year": "1997",
|
||
|
"value": 0.353
|
||
|
}, {
|
||
|
"year": "1998",
|
||
|
"value": 0.548
|
||
|
}, {
|
||
|
"year": "1999",
|
||
|
"value": 0.298
|
||
|
}, {
|
||
|
"year": "2000",
|
||
|
"value": 0.267
|
||
|
}, {
|
||
|
"year": "2001",
|
||
|
"value": 0.411
|
||
|
}, {
|
||
|
"year": "2002",
|
||
|
"value": 0.462
|
||
|
}, {
|
||
|
"year": "2003",
|
||
|
"value": 0.47
|
||
|
}, {
|
||
|
"year": "2004",
|
||
|
"value": 0.445
|
||
|
}, {
|
||
|
"year": "2005",
|
||
|
"value": 0.47
|
||
|
}],
|
||
|
"valueAxes": [{
|
||
|
"axisAlpha": 0,
|
||
|
"position": "left"
|
||
|
}],
|
||
|
"graphs": [{
|
||
|
"id": "g1",
|
||
|
"balloonText": "[[category]]<br><b><span style='font-size:14px;'>[[value]]</span></b>",
|
||
|
"bullet": "round",
|
||
|
"bulletSize": 8,
|
||
|
"lineColor": "#d1655d",
|
||
|
"lineThickness": 2,
|
||
|
"negativeLineColor": "#637bb6",
|
||
|
"type": "smoothedLine",
|
||
|
"valueField": "value"
|
||
|
}],
|
||
|
"chartScrollbar": {
|
||
|
"graph": "g1",
|
||
|
"gridAlpha": 0,
|
||
|
"color": "#888888",
|
||
|
"scrollbarHeight": 55,
|
||
|
"backgroundAlpha": 0,
|
||
|
"selectedBackgroundAlpha": 0.1,
|
||
|
"selectedBackgroundColor": "#888888",
|
||
|
"graphFillAlpha": 0,
|
||
|
"autoGridCount": true,
|
||
|
"selectedGraphFillAlpha": 0,
|
||
|
"graphLineAlpha": 0.2,
|
||
|
"graphLineColor": "#c2c2c2",
|
||
|
"selectedGraphLineColor": "#888888",
|
||
|
"selectedGraphLineAlpha": 1
|
||
|
},
|
||
|
"chartCursor": {
|
||
|
"categoryBalloonDateFormat": "YYYY",
|
||
|
"cursorAlpha": 0,
|
||
|
"valueLineEnabled": true,
|
||
|
"valueLineBalloonEnabled": true,
|
||
|
"valueLineAlpha": 0.5,
|
||
|
"fullWidth": true
|
||
|
},
|
||
|
"dataDateFormat": "YYYY",
|
||
|
"categoryField": "year",
|
||
|
"categoryAxis": {
|
||
|
"minPeriod": "YYYY",
|
||
|
"parseDates": true,
|
||
|
"minorGridAlpha": 0.1,
|
||
|
"minorGridEnabled": true
|
||
|
},
|
||
|
"export": {
|
||
|
"enabled": true
|
||
|
}
|
||
|
});
|
||
|
var gaugeChart = AmCharts.makeChart("angular_guage", {
|
||
|
"type": "gauge",
|
||
|
"theme": "none",
|
||
|
"axes": [{
|
||
|
"axisThickness": 1,
|
||
|
"axisAlpha": 0.2,
|
||
|
"tickAlpha": 0.2,
|
||
|
"valueInterval": 20,
|
||
|
"bands": [{
|
||
|
"color": "#84b761",
|
||
|
"endValue": 90,
|
||
|
"startValue": 0
|
||
|
}, {
|
||
|
"color": "#fdd400",
|
||
|
"endValue": 130,
|
||
|
"startValue": 90
|
||
|
}, {
|
||
|
"color": "#cc4748",
|
||
|
"endValue": 220,
|
||
|
"innerRadius": "95%",
|
||
|
"startValue": 130
|
||
|
}],
|
||
|
"bottomText": "0 km/h",
|
||
|
"bottomTextYOffset": -20,
|
||
|
"endValue": 220
|
||
|
}],
|
||
|
"arrows": [{}],
|
||
|
"export": {
|
||
|
"enabled": true
|
||
|
}
|
||
|
});
|
||
|
setInterval(randomValue, 2000);
|
||
|
// set random value
|
||
|
function randomValue() {
|
||
|
var value = Math.round(Math.random() * 200);
|
||
|
if (gaugeChart) {
|
||
|
if (gaugeChart.arrows) {
|
||
|
if (gaugeChart.arrows[0]) {
|
||
|
if (gaugeChart.arrows[0].setValue) {
|
||
|
gaugeChart.arrows[0].setValue(value);
|
||
|
gaugeChart.axes[0].setBottomText(value + " km/h");
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
var chart = AmCharts.makeChart("line_chart", {
|
||
|
"type": "serial",
|
||
|
"theme": "light",
|
||
|
"dataDateFormat": "YYYY-MM-DD",
|
||
|
"precision": 2,
|
||
|
"valueAxes": [{
|
||
|
"id": "v1",
|
||
|
"position": "left",
|
||
|
"autoGridCount": false,
|
||
|
"labelFunction": function(value) {
|
||
|
return "$" + Math.round(value) + "M";
|
||
|
}
|
||
|
}, {
|
||
|
"id": "v2",
|
||
|
"gridAlpha": 0,
|
||
|
"autoGridCount": false
|
||
|
}],
|
||
|
"graphs": [{
|
||
|
"id": "g1",
|
||
|
"valueAxis": "v2",
|
||
|
"bullet": "round",
|
||
|
"bulletBorderAlpha": 1,
|
||
|
"bulletColor": "#FFFFFF",
|
||
|
"bulletSize": 8,
|
||
|
"hideBulletsCount": 50,
|
||
|
"lineThickness": 3,
|
||
|
"lineColor": "#2ed8b6",
|
||
|
"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": 8,
|
||
|
"hideBulletsCount": 50,
|
||
|
"lineThickness": 3,
|
||
|
"lineColor": "#e95753",
|
||
|
"title": "Market Days ALL",
|
||
|
"useLineColorForBulletBorder": true,
|
||
|
"valueField": "market2",
|
||
|
"balloonText": "[[title]]<br /><b style='font-size: 130%'>[[value]]</b>"
|
||
|
}],
|
||
|
"chartCursor": {
|
||
|
"pan": true,
|
||
|
"valueLineEnabled": true,
|
||
|
"valueLineBalloonEnabled": true,
|
||
|
"cursorAlpha": 0,
|
||
|
"valueLineAlpha": 0.2
|
||
|
},
|
||
|
"categoryField": "date",
|
||
|
"categoryAxis": {
|
||
|
"parseDates": true,
|
||
|
"dashLength": 1,
|
||
|
"minorGridEnabled": true
|
||
|
},
|
||
|
"legend": {
|
||
|
"useGraphSettings": true,
|
||
|
"position": "top"
|
||
|
},
|
||
|
"balloon": {
|
||
|
"borderThickness": 1,
|
||
|
"shadowAlpha": 0
|
||
|
},
|
||
|
"dataProvider": [{
|
||
|
"date": "2013-01-16",
|
||
|
"market1": 71,
|
||
|
"market2": 75
|
||
|
}, {
|
||
|
"date": "2013-01-17",
|
||
|
"market1": 80,
|
||
|
"market2": 84
|
||
|
}, {
|
||
|
"date": "2013-01-18",
|
||
|
"market1": 78,
|
||
|
"market2": 83
|
||
|
}, {
|
||
|
"date": "2013-01-19",
|
||
|
"market1": 85,
|
||
|
"market2": 88
|
||
|
}, {
|
||
|
"date": "2013-01-20",
|
||
|
"market1": 87,
|
||
|
"market2": 85
|
||
|
}, {
|
||
|
"date": "2013-01-21",
|
||
|
"market1": 97,
|
||
|
"market2": 88
|
||
|
}, {
|
||
|
"date": "2013-01-22",
|
||
|
"market1": 93,
|
||
|
"market2": 88
|
||
|
}, {
|
||
|
"date": "2013-01-23",
|
||
|
"market1": 85,
|
||
|
"market2": 80
|
||
|
}, {
|
||
|
"date": "2013-01-24",
|
||
|
"market1": 90,
|
||
|
"market2": 85
|
||
|
}]
|
||
|
});
|
||
|
var map = AmCharts.makeChart("allocation-map", {
|
||
|
"type": "map",
|
||
|
"theme": "light",
|
||
|
"colorSteps": 10,
|
||
|
"dataProvider": {
|
||
|
"map": "usaLow",
|
||
|
"areas": [{
|
||
|
"id": "US-AL",
|
||
|
"value": 4447100
|
||
|
}, {
|
||
|
"id": "US-AK",
|
||
|
"value": 626932
|
||
|
}, {
|
||
|
"id": "US-AZ",
|
||
|
"value": 5130632
|
||
|
}, {
|
||
|
"id": "US-AR",
|
||
|
"value": 2673400
|
||
|
}, {
|
||
|
"id": "US-CA",
|
||
|
"value": 33871648
|
||
|
}, {
|
||
|
"id": "US-CO",
|
||
|
"value": 4301261
|
||
|
}, {
|
||
|
"id": "US-CT",
|
||
|
"value": 3405565
|
||
|
}, {
|
||
|
"id": "US-DE",
|
||
|
"value": 783600
|
||
|
}, {
|
||
|
"id": "US-FL",
|
||
|
"value": 15982378
|
||
|
}, {
|
||
|
"id": "US-GA",
|
||
|
"value": 8186453
|
||
|
}, {
|
||
|
"id": "US-HI",
|
||
|
"value": 1211537
|
||
|
}, {
|
||
|
"id": "US-ID",
|
||
|
"value": 1293953
|
||
|
}, {
|
||
|
"id": "US-IL",
|
||
|
"value": 12419293
|
||
|
}, {
|
||
|
"id": "US-IN",
|
||
|
"value": 6080485
|
||
|
}, {
|
||
|
"id": "US-IA",
|
||
|
"value": 2926324
|
||
|
}, {
|
||
|
"id": "US-KS",
|
||
|
"value": 2688418
|
||
|
}, {
|
||
|
"id": "US-KY",
|
||
|
"value": 4041769
|
||
|
}, {
|
||
|
"id": "US-LA",
|
||
|
"value": 4468976
|
||
|
}, {
|
||
|
"id": "US-ME",
|
||
|
"value": 1274923
|
||
|
}, {
|
||
|
"id": "US-MD",
|
||
|
"value": 5296486
|
||
|
}, {
|
||
|
"id": "US-MA",
|
||
|
"value": 6349097
|
||
|
}, {
|
||
|
"id": "US-MI",
|
||
|
"value": 9938444
|
||
|
}, {
|
||
|
"id": "US-MN",
|
||
|
"value": 4919479
|
||
|
}, {
|
||
|
"id": "US-MS",
|
||
|
"value": 2844658
|
||
|
}, {
|
||
|
"id": "US-MO",
|
||
|
"value": 5595211
|
||
|
}, {
|
||
|
"id": "US-MT",
|
||
|
"value": 902195
|
||
|
}, {
|
||
|
"id": "US-NE",
|
||
|
"value": 1711263
|
||
|
}, {
|
||
|
"id": "US-NV",
|
||
|
"value": 1998257
|
||
|
}, {
|
||
|
"id": "US-NH",
|
||
|
"value": 1235786
|
||
|
}, {
|
||
|
"id": "US-NJ",
|
||
|
"value": 8414350
|
||
|
}, {
|
||
|
"id": "US-NM",
|
||
|
"value": 1819046
|
||
|
}, {
|
||
|
"id": "US-NY",
|
||
|
"value": 18976457
|
||
|
}, {
|
||
|
"id": "US-NC",
|
||
|
"value": 8049313
|
||
|
}, {
|
||
|
"id": "US-ND",
|
||
|
"value": 642200
|
||
|
}, {
|
||
|
"id": "US-OH",
|
||
|
"value": 11353140
|
||
|
}, {
|
||
|
"id": "US-OK",
|
||
|
"value": 3450654
|
||
|
}, {
|
||
|
"id": "US-OR",
|
||
|
"value": 3421399
|
||
|
}, {
|
||
|
"id": "US-PA",
|
||
|
"value": 12281054
|
||
|
}, {
|
||
|
"id": "US-RI",
|
||
|
"value": 1048319
|
||
|
}, {
|
||
|
"id": "US-SC",
|
||
|
"value": 4012012
|
||
|
}, {
|
||
|
"id": "US-SD",
|
||
|
"value": 754844
|
||
|
}, {
|
||
|
"id": "US-TN",
|
||
|
"value": 5689283
|
||
|
}, {
|
||
|
"id": "US-TX",
|
||
|
"value": 20851820
|
||
|
}, {
|
||
|
"id": "US-UT",
|
||
|
"value": 2233169
|
||
|
}, {
|
||
|
"id": "US-VT",
|
||
|
"value": 608827
|
||
|
}, {
|
||
|
"id": "US-VA",
|
||
|
"value": 7078515
|
||
|
}, {
|
||
|
"id": "US-WA",
|
||
|
"value": 5894121
|
||
|
}, {
|
||
|
"id": "US-WV",
|
||
|
"value": 1808344
|
||
|
}, {
|
||
|
"id": "US-WI",
|
||
|
"value": 5363675
|
||
|
}, {
|
||
|
"id": "US-WY",
|
||
|
"value": 493782
|
||
|
}]
|
||
|
},
|
||
|
"areasSettings": {
|
||
|
"autoZoom": true
|
||
|
},
|
||
|
"export": {
|
||
|
"enabled": true
|
||
|
}
|
||
|
});
|
||
|
var chart = AmCharts.makeChart("allocation-chart", {
|
||
|
"type": "pie",
|
||
|
"startDuration": 0,
|
||
|
"theme": "light",
|
||
|
"labelRadius": 0,
|
||
|
"pullOutRadius": 0,
|
||
|
"labelText": "",
|
||
|
"colorField": "color",
|
||
|
"legend": {
|
||
|
// "enabled":false,
|
||
|
},
|
||
|
"innerRadius": "70%",
|
||
|
"dataProvider": [{
|
||
|
"country": "Lithuania",
|
||
|
"litres": 501.9,
|
||
|
"color": "#85C5E3"
|
||
|
}, {
|
||
|
"country": "Czech Republic",
|
||
|
"litres": 301.9,
|
||
|
"color": "#6AA3C4"
|
||
|
}, {
|
||
|
"country": "Ireland",
|
||
|
"litres": 201.1,
|
||
|
"color": "#6097B9"
|
||
|
}, {
|
||
|
"country": "india",
|
||
|
"litres": 220.1,
|
||
|
"color": "#4E81A4"
|
||
|
}],
|
||
|
"valueField": "litres",
|
||
|
});
|
||
|
});
|