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
"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", |
|
}); |
|
}); |