1

我可以找到每个 backgroundColor、colorAxis、datalessRegionColor 等的配置名称。但我只想更改绿色的默认颜色。

示例代码：

<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([
      ['Country', 'Popularity'],
      ['Germany', 200],
      ['United States', 300],
      ['Brazil', 400],
      ['Canada', 500],
      ['France', 600],
      ['RU', 700]
    ]);

    var options = {};

    var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
    chart.draw(data, options);
};
</script>
4

2 回答 2

3

geocharts 文档确实提供了您需要做的事情的信息。颜色可在var options图表中配置。https://developers.google.com/chart/interactive/docs/gallery/geochart#Configuration_Options

如果您只想更改默认颜色，您只需在colors:选项中指定您想要的颜色。
例如：

    var options = {
    //Put your color hex code here
    colors: ['#FF0000'] //eg. red
};

默认情况下，这会将您的数据从最浅的阴影着色到为数据值范围（最低到最高）指定的颜色。在您的代码中，这将是从 200 到 700。但是，您可以指定您希望数据范围的颜色。
例如，如果您希望数据从绿色变为蓝色，您可以简单地指定 2 种颜色。

    var options = {
    //Put your colour hex code here
    colors: ['#00FF00','#0000FF']
};

您可以对任何喜欢的颜色执行此操作，但通常如果您试图展示国家之间的某种差异，最好只使用 2 种颜色来显示数据的进展。有关示例，请参见此 Fiddle 。

您可以通过上述任何选项（例如colorAxis. 文档很好地解释了这些。

于 2014-10-05T23:43:10.947 回答
0

您正在寻找以下内容：

options["defaultColor"] = '';

替换为您选择的颜色。

于 2016-11-12T16:18:24.550 回答