Hi Manuel, The scatter chart actually doesn't support annotations. If that's a requirement for you, you can use a LineChart with a pointSize and lineWidth = 0.
On Tue Jan 06 2015 at 11:04:29 AM Manuel <[email protected]> wrote: > Hi, > > can you please have a look at my Code? I tried to get my points annotated > but it doesn't work. Maybe you can help me. > > <script type="text/javascript" src="https://www.google.com/jsapi > "></script> > <script type="text/javascript"> > google.load("visualization", "1", {packages:["corechart"]}); > google.setOnLoadCallback(drawChart); > function drawChart() { > var dataTable = new google.visualization.DataTable(); > > dataTable.addColumn('number', 'PriceRentIndex'); > dataTable.addColumn('number', 'PriceIncomeIndex'); > dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': > true}}); > dataTable.addColumn({type:'string', role:'annotation'}); > > > > dataTable.addRows([ > [2,4,createCustomHTMLContent(' > http://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg', > 4,2),'US'], > [5,9,createCustomHTMLContent(' > http://upload.wikimedia.org/wikipedia/commons/f/fa/Flag_of_the_People%27s_Republic_of_China.svg', > 5,9),'CN'], > [-2,-2,createCustomHTMLContent(' > http://upload.wikimedia.org/wikipedia/commons/a/ae/Flag_of_the_United_Kingdom.svg', > -2,-2),'UK'], > ]); > > > var options = { > 'chartArea': {'width': '90%', 'height': '80%'}, > hAxis: {title: 'price rent index',ticks:[-5,0,5,10,15]}, > vAxis: {title: 'price income index',ticks:[-10,-5,0,5,10,15]}, > legend: 'none', > colors:['#FD5F00'], > crosshair: { trigger: 'focus' }, > tooltip: { isHtml: 'true' } > > }; > > var chart = new > google.visualization.ScatterChart(document.getElementById('chart_div')); > > chart.draw(dataTable, options); > } > > function createCustomHTMLContent(flagURL, PriceIncomeIndex,PriceRentIndex) > { > return '<div style="padding:5px 5px 5px 5px;">' + > '<img src="' + flagURL + '" style="width:75px;height:50px"><br/>' + > '<table>' + > '<tr>' + > '<td>Price vs. Rent: <b>' +PriceIncomeIndex + '</b></td>' + > '</tr>' + > '<tr>' + > '<td>Price vs. Income: <b>' + PriceRentIndex + '</b></td>' + > '</tr>' + '</table>' + '</div>'; > } > Code hier eingeben... > > > > -- > 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. > -- 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.
