Here is an example that uses checkboxes to select which series to show: http://jsfiddle.net/dlaliberte/a3cgLkq6/ This is for a LineChart, but something similar will work with the AnnotationChart.
On Wed, Jan 7, 2015 at 5:11 AM, Enkhtuvshin Amgalanbayar < [email protected]> wrote: > *Hello Daniel.* >> > > *This is the script we have right now and it is working well thanks to > your help. you can see from the attached picture.* > > > <script type="text/javascript" src=" > https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization > ','version':'1.0','packages':['annotationchart']}]}"></script> > > <script type='text/javascript'> > > google.load('visualization', '1.0', { > > 'packages': ['annotationchart'] > > }); > > google.setOnLoadCallback(drawChart); > > function drawChart() { > > var query = new google.visualization.Query( > > ' > https://docs.google.com/spreadsheets/d/1lb_pUshsx4Cy1layoy8WRfgpXLgOBYSSBSRt9e3YmB4/edit#gid=0&range=A:C' > ); > > > query.send(handleQueryResponse); > > } > > > function handleQueryResponse(response) { > > if (response.isError()) { > > alert('Error in query: ' + response.getMessage() + ' ' + > response.getDetailedMessage()); > > return; > > } > > var data = response.getDataTable(); > > var chart = new > google.visualization.AnnotationChart(document.getElementById('annotationchart')); > > chart.draw(data, { > > displayZoomButtons: true, > > displayAnnotations: true, > > zoomButtonsOrder: [ > > '1-week', '1-month', '3-months', '6-months', '1-year', > 'max'], > > zoomStartTime: new Date(2013, 01, 01), > > //colors: ['red'], > > dateFormat: 'yyyy/MM/dd', > > //displayAnnotationsFilter: true, > > allValuesSuffix: '₮', > > thickness: '2', > > scaleColumns: [0, 2], > > scaleType: 'allmaximized', > > fill: 10, > > //legendPosition= ('newRow') > > }); > > } > > </script> > > <div id='annotationchart' style='width: 600px; height: 400px;'></div> > > > *And this is the script we have for the HTML checkbox* > > > <form action=""> > > <input type="checkbox" name="Dollar" value="$">USD > > > > <input type="checkbox" name="Euro" value="E">EUR > > > > <input type="checkbox" name="Renminbi" value="E">CNY > > > > <input type="checkbox" name="Pounds" value="E">GBP > > > *Unfortunately we are unable to connect our Checkboxes with our graph.* > > *please share with us if you have any suggestions.* > > > *Thank you * > > -- > 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 [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api. > For more options, visit https://groups.google.com/d/optout. > -- Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> - 978-394-1058 [email protected] <[email protected]> 5CC, Cambridge MA [email protected] <[email protected]> 9 Juniper Ridge Road, Acton MA -- 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 [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
