Click here to Skip to main content
15,881,248 members
Please Sign up or sign in to vote.
4.00/5 (1 vote)
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​
JavaScript
function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['KPI', '% of Goal','Target'],
    ['Eligibility Rejections',  80,  90]
  ]);

  // Create and draw the visualization.
  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
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900