bullets and description at desired point
by amcharts
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<div id="chartdiv" style="width: 100%; height: 362px;"></div>
JavaScript
var chart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": AmCharts.themes.none,
"legend": {
"useGraphSettings": true
},
exportConfig:{
menuItems: [{
icon: 'http://www.amcharts.com/lib/3/images/export.png',
format: 'png',
onclick: function(a) {
var output = a.output({
format: 'png',
output: 'datastring'
},function(data) {
console.log(data)});
}
}]
},
"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",
"title": "Million USD"
}],
"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,
"title": "Expenses",
"valueField": "expenses"
}],
"rotate": true,
"categoryField": "year",
"categoryAxis": {
"gridPosition": "start"
}
});