Thank You...i will take a look. On Wednesday, October 19, 2016 at 9:50:54 AM UTC-4, Daniel LaLiberte wrote: > > Hi Laverne, > > The easiest way to add custom tooltips to retrieved data is probably to > construct a DataView from the retrieved DataTable. Use setColumns with a > calculated column for the tooltip column. See the documentation on > DataViews here: > https://developers.google.com/chart/interactive/docs/reference#dataview-class > > On Wed, Oct 19, 2016 at 8:55 AM, Laverne Davis <[email protected] > <javascript:>> wrote: > >> I have a google map that pulls the underlying data from a Google >> Spreadsheet. I would like to customize the Tooltip to add an image as well >> as css style while pulling underlying data from the spreadsheet. I can't >> seem to find any information on how to customize a tooltip that pulls >> underlying data from a spreadsheet, but i see plenty of options of >> customizing using the Google Map API without pulling underlying data. Here >> is an example of my code but just using data embedded into the code, but >> same concept. >> >> <!DOCTYPE html> >> <html> >> <style> >> .visualization{ >> width: 1200; >> height: 1200; >> >> } >> >> >> </style> >> <body> >> <script src="//www.google.com/jsapi"></script> >> <div id="visualization"></div> >> >> >> <script> >> google.load('visualization', '1.1', {packages: ['geochart'], callback: >> drawVisualization}); >> google.load('visualization', '1', { >> packages: ['corechart', 'map'] >> }); >> >> >> >> function drawVisualization() { >> var data = google.visualization.arrayToDataTable([ >> ['Country', 'Value', {role: 'tooltip', p:{html:true}}], >> ['Russia', 5, 'Hello world'], >> ['US', 20, '<img src=" >> https://www.google.com/images/srpr/logo6w.png"/>']]); >> >> >> var options = { >> >> *tooltip: {isHtml: true}*, >> >> width: 1200, >> height: 1200 }; >> >> var chart = new >> google.visualization.IntensityMap(document.getElementById('visualization')); >> chart.draw(data, options); >> >> } >> </script> >> >> >> >> </body> >> </html> >> >> -- >> 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] >> <javascript:>. >> To post to this group, send email to [email protected] >> <javascript:>. >> 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/c66552d7-6f44-48bc-8f39-158b6a0b6bf3%40googlegroups.com >> >> <https://groups.google.com/d/msgid/google-visualization-api/c66552d7-6f44-48bc-8f39-158b6a0b6bf3%40googlegroups.com?utm_medium=email&utm_source=footer> >> . >> For more options, visit https://groups.google.com/d/optout. >> > > > > -- > Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2> > [email protected] <javascript:> 5CC, Cambridge 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 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/ed70438a-5a2c-4370-aa0a-e00dba3131ed%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
![https://www.google.com/images/srpr/logo6w.png"/](https://www.google.com/images/srpr/logo6w.png"/){kind=link}