javascript – 如何使用不同的颜色与Google GeoChart

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用不同的颜色与Google GeoChart前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我了解如何使用GeoChart来显示连续体(即温度)中的数据.

但是如何配置它来显示不同的数据集(共和,民主,独立的状态)?这可能吗?

谢谢!

解决方法

您还可以通过按摩数据并使用标签的格式化值来解决此问题.您应该能够将以下代码粘贴到 here中以查看示例:
  1. function drawVisualization() {
  2. var geoData= new google.visualization.DataTable();
  3. geoData.addRows(2);
  4. geoData.addColumn('string','State');
  5. geoData.addColumn('number','Votes (%)');
  6.  
  7. geoData.setValue(0,'Alabama');
  8. geoData.setValue(0,1,0);
  9. geoData.setFormattedValue(0,'56%');
  10.  
  11. geoData.setValue(1,'Maine');
  12. geoData.setValue(1,1);
  13. geoData.setFormattedValue(1,'64%');
  14.  
  15. var options = {};
  16. options['region'] = 'US';
  17. options['resolution'] = 'provinces';
  18. options['colorAxis'] = { minValue : 0,maxValue : 1,colors : ['#FF0000','#0000FF']};
  19. options['backgroundColor'] = '#FFFFFF';
  20. options['datalessRegionColor'] = '#E5E5E5';
  21. options['width'] = 556;
  22. options['height'] = 347;
  23. options['legend'] = 'none';
  24.  
  25. var geochart = new google.visualization.GeoChart(
  26. document.getElementById('visualization'));
  27. geochart.draw(geoData,options);
  28. }

猜你在找的JavaScript相关文章