为所有区域应用相同的颜色 Google 地理图表

Question

有没有办法为 google 地理图中的所有区域应用相同的颜色（不褪色）？

我试过删除地图的“范围栏”可能有效但无效。

  google.charts.load('upcoming', {
  callback: drawRegionsMap,
  packages: ['geochart']
});

function drawRegionsMap() {
  var data = google.visualization.arrayToDataTable([
    ['Country', 'Popularity'],
    ['Germany', 400],
    ['United States', 200],
    ['Brazil', 200],
    ['Canada', 200],
    ['France', 200],
    ['RU', 200]
  ]);

  var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
  chart.draw(data, {
    legend: 'none'
  });
}

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

谢谢

Answer 1

看起来颜色是基于提供的值。如果您想更改背景颜色，请尝试设置 backgroundColor 属性

信息在这里：https://developers.google.com/chart/interactive/docs/gallery/geochart#coloring-your-chart

Answer 2

根据 data format,
数据中的第二列 table 驱动区域的颜色。

An optional numeric column used to assign a color to this region, based on the scale specified in the colorAxis.colors property. If this column is not present, all regions will be the same color.

因此，您可以删除第二列或对所有行使用相同的值。

但是，如果您希望悬停在每个区域时的工具提示显示不同的值，
我们可以对第二列中的值使用对象表示法。

对象表示法允许我们提供值 (v:) 和格式化值 (f:)
工具提示默认显示格式化值。

所以要让所有区域显示相同的颜色，
并在工具提示中显示正确的值，
我们为所有行分配相同的值，
但提供实际值作为格式化值。

{v: 400, f: '200'}

请参阅以下工作片段...

google.charts.load('upcoming', {
  mapsApiKey: 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY',
  packages: ['geochart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Country', 'Popularity'],
    ['Germany', {v: 400, f: '400'}],
    ['United States', {v: 400, f: '200'}],
    ['Brazil', {v: 400, f: '200'}],
    ['Canada', {v: 400, f: '200'}],
    ['France', {v: 400, f: '200'}],
    ['RU', {v: 400, f: '200'}]
  ]);

  var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
  chart.draw(data, {
    legend: 'none'
  });
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

为所有区域应用相同的颜色 Google 地理图表

Apply same color for all regions Google Geo Chart

javascript

charts

google-visualization