Hi Friends,
Am using Google Visualization Column charts in my application.
Go to google visual playground and select columnchart and paste the below code you can see the column bar chart
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['KPI', '% of Goal','Target'],
['Eligibility Rejections', 80, 90]
]);
var ac = new google.visualization.ComboChart(document.getElementById('visualization'));
ac.draw(data, {
title : 'Eligibility Rejections',
width: 300,
height: 200,
vAxis: {title: "% of Goal"},
seriesType: "bars",
series: {1: {type: "steppedArea",areaOpacity:0}},
colors: ['blue', 'red'],
isStacked: true,
legend: {position: 'bottom'}
});
}
Now everything seems perfect but one more thing i need in here, i want to add one(only one) arrow near the target red line to indicate the target :(
Like the one in this
link[
^]
So please help me on this.
Any tips or tricks will be greatly appreciated.
Note: Must use only Google visualization chart(any chart)
Regards,
RK