[visualization-api] Column Charts with annotations (data comes from a spreadsheet)

[Mark de Ruiter]

Hi there,

I've been searching the web for an answer but I wasn't able to find one. 
There are enough examples for adding annotations to a chart with static 
data.
My page has the following code to load a spreadsheet and show the results 
in a Column Chart. So far everything works fine.
But I want to add annotations on top of the bars. Is this possible?

Thanks in advance.

Greetings,
Mark

<script type="text/javascript">
    google.load("visualization", '1.1', {packages:['corechart']});
    google.setOnLoadCallback(drawSheetName);


    // [START sheet_name]
    function drawSheetName() {
      var queryString = encodeURIComponent('SELECT A, B, C, D');


      var query = new google.visualization.Query(
          
'https://docs.google.com/spreadsheets/d/1QKmP-5BNlLjeG3-dWfUd6qgh1Gig69ZfPRv6Aktapiw/gviz/tq?sheet=Score&headers=1&tq='
 
+ queryString);
      query.send(handleSampleDataQueryResponse);
    }


    function handleSampleDataQueryResponse(response) {
      if (response.isError()) {
        alert('Error in query: ' + response.getMessage() + ' ' + response.
getDetailedMessage());
        return;
      }


      var data = response.getDataTable();
      var chart = new google.visualization.ColumnChart(document.
getElementById('chart_div'));
      chart.draw(data, { 'colors': ["#194D86","#699A36", "#9C1006", 
"#951B81"],
   titleTextStyle: {
       color: 'red'
   },
   hAxis: {
       textStyle: {
           color: 'red',
           fontName: 'Segoe UI'
       },
       titleTextStyle: {
           color: 'red',
           fontName: 'Segoe UI'
       }
   },
   vAxis: {
       textStyle: {
           color: 'red',
           fontName: 'Segoe UI'
       },
       titleTextStyle: {
           color: 'red',
           fontName: 'Segoe UI'
       }
   },
               legend: 'none',
   // legend: { textStyle: { color: 'red', fontName: 'Segoe UI' }}
                        chartArea:{left:50,top:20,width:"100%",height:"80%"}
 })
      
                $(window).resize(function(){
                drawSheetName();
                drawChart2();
                });
    }
    // [END sheet_name]
  </script>


-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/52fd4601-eb98-4412-9bf6-5ff10810ad6b%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.