Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Taking a step back I think the better way to solve the problem is to format your raw data using the NumberFormat class in google visualizations called google.visualization.NumberFormat. More info here: <a href="https://developers.google.com/chart/interactive/docs/reference#numberformatter" rel="noreferrer">google.visualization.NumberFormat</a></p> <p>Here is an example of how to format the 2nd column to have commas as the grouping separator:</p> <pre><code>function drawVisualization() { var data = google.visualization.arrayToDataTable([ ['Country', 'Popularity'], ['Germany', 200], ['United States', 300], ['Brazil', 400], ['Canada', 500], ['France', 60000000000000000], ['RU', 700] ]); var formatter = new google.visualization.NumberFormat({pattern:'###,###'} ); formatter.format(data, 1); var geochart = new google.visualization.GeoChart( document.getElementById('visualization')); geochart.draw(data, {width: 556, height: 347, tooltip: {textStyle: {color: 'blue', fontName: 'Tahoma', fontSize: '15'}}}); } </code></pre> <p>I used the <a href="https://code.google.com/apis/ajax/playground/?type=visualization#geo_chart" rel="noreferrer">google visualization playground</a> to test it out.</p> <p>Best of luck! God Bless!</p> <p><strong>Update:</strong> Modified the geochart.draw line to include tooltip text styling. It will style the all of the text in the tooltip. I haven't seen anyway to make fine grain customizations. Here is more info: <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery/geochart#Configuration_Options" rel="noreferrer">Geochart Configuration Options</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload