Edit Question - KnowledgeHub

Title Body

Below is the code I'm using, based on a how to I found in Google's documentation , but I'm not sure if it applies to the Geochart , if I'm doing it right, or if there is some other way to do it for a Geochart. This code works fine if I don't include the tooltip column. When I do, I get the error "Incompatible data table: Error: Table contains more columns than expected (Expecting 2 columns)," displayed where the Geochart should be. This question addresses the same issue, but not specifically for a Geochart. <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> google.load( 'visualization', '1', { 'packages': ['geochart'] } ); google.setOnLoadCallback( drawRegionsMap ); function drawRegionsMap() { var data = google.visualization.arrayToDataTable([ [ 'State', 'Relevance', {type: 'string', role: 'tooltip'} ], [ 'Alabama', 3, 'tooltip test text' ], [ 'Arizona', 1, 'tooltip test text' ], ]); var options = { region: 'US', resolution: 'provinces', }; var chart = new google.visualization.GeoChart( document.getElementById( 'chart_div' ) ); chart.draw( data, options ); }; </script>

Tags (comma-separated) Cancel