Javascript 如何使用js/geomap以不同的颜色绘制每个城市？_Javascript_Html_Geomap

Javascript 如何使用js/geomap以不同的颜色绘制每个城市？

javascript html

Javascript 如何使用js/geomap以不同的颜色绘制每个城市？,javascript,html,geomap,Javascript,Html,Geomap,我有一个非常简单的代码： https://gist.github.com/ndemir/9902237 load（“可视化”、“1”、{packages:[“geomap”]}）； setOnLoadCallback（drawChart\uUCGChart\uChart\uDiv）；功能图\u ucGChart\u图表\u div（）{ var data=new google.visualization.DataTable（）； data.addColumn（'string'，'City

我有一个非常简单的代码：

https://gist.github.com/ndemir/9902237


load（“可视化”、“1”、{packages:[“geomap”]}）；
setOnLoadCallback（drawChart\uUCGChart\uChart\uDiv）；
功能图\u ucGChart\u图表\u div（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'City'）；
data.addColumn（'number'，'Popularity'）；
data.addRows([
[“TR-35”，75]，
[“TR-33”，34]
]); 
变量选项={
“高度”：500，
“宽度”：800，
“数据模式”：“区域”，
“地区”：“TR”，
“颜色”：[0xFF8747，0xFFB581，0xc06000]//橙色
} 
var chart=newgoogle.visualization.GeoMap（地图画布）；
图表。绘制（数据、选项）；返回图表；
}

我想用不同的颜色来描绘每个城市，如何做到这一点？

请出示JSFIDLE..@Jatin

 <html>
   <head>
     <script type='text/javascript' src='http://www.google.com/jsapi'></script>
     <script type='text/javascript'>
       google.load("visualization", "1", {packages:["geomap"]});
       google.setOnLoadCallback(drawChart_ucGChart_chart_div); 
       function drawChart_ucGChart_chart_div() {
       var data = new google.visualization.DataTable();
       data.addColumn('string', 'City');
       data.addColumn('number', 'Popularity'); 
       data.addRows([
         ["TR-35", 75],
         ["TR-33", 34]
       ]); 
       var options = {
       "height":500,
       "width":800,
       "dataMode":"regions",
       "region":"TR",
       "colors": [0xFF8747, 0xFFB581, 0xc06000] //orange colors
     } 
    var chart = new google.visualization.GeoMap(map_canvas);
    chart.draw(data, options); return chart;
  }

</script>