JavaScript
// generate data
var chartData = [ {
"code": "HUN",
"value": "-0.2"
}, {
"code": "DEU",
"value": "-0.1"
}, {
"code": "JPN",
"value": "0.0"
}, {
"code": "POL",
"value": "0.1"
}, {
"code": "PRT",
"value": "0.3"
}, {
"code": "KOR",
"value": "0.5"
}, {
"code": "ITA",
"value": "0.5"
}, {
"code": "CHN",
"value": "0.6"
}, {
"code": "GBR",
"value": "0.7"
}, {
"code": "ESP",
"value": "0.8"
}, {
"code": "USA",
"value": "0.8"
}, {
"code": "CAN",
"value": "1.1"
}, {
"code": "MEX",
"value": "1.3"
}, {
"code": "IND",
"value": "1.3"
}, {
"code": "AUS",
"value": "1.7",
"color": "#9e0b0f",
"AnsDes": "- أبو ظبي",
"alpha": 0.6
}, {
"code": "UAE",
"value": "7.5",
"color": "#9e0b0f",
"AnsDes": "✓ يجيب الخاص - أبو ظبي"
} ];
var chart = AmCharts.makeChart( "chartdiv", {
type: "serial",
theme: "lite",
color: "#263138",
"addClassNames": true,
"defs": {
"filter": {
"id": "shadow",
/* "x": "-20%",
"y": "-20%", */
"width": "200%",
"height": "200%",
"feGaussianBlur": {
"stdDeviation": "2 2",
"result": "shadow"
},
"feOffset": {
"dx": 3,
"dy": 3
}
}
},
dataProvider: chartData,
categoryField: "code",
rotate: true,
startEffect: 'easeOutSine',
startDuration: 0,
sequencedAnimation: true,
autoMargin: true,
autoMarginOffset: 5,
categoryAxis: {
gridPosition: "start",
forceShowField: "forceShow",
position: "left"
},
valueAxes: [ {
position: "bottom",
title: "Million USD",
minorGridEnabled: true,
reversed: true
} ],
graphs: [ {
type: "column",
title: "",
labelText: " [[AnsDes]]",
showAllValueLabels: true,
...