为所有地区应用相同的颜色谷歌地理图表答案

【问题标题】：Apply same color for all regions Google Geo Chart为所有地区应用相同的颜色谷歌地理图表
【发布时间】：2020-07-22 18:20:10
【问题描述】：

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

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

  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>

谢谢

【问题讨论】：

标签： javascript charts google-visualization

【解决方案1】：

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

一个可选的数字列，用于根据 colorAxis.colors 属性中指定的比例为该区域分配颜色。如果此列不存在，则所有区域都将是相同的颜色。

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

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

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

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

{v: 400, f: '200'}

请参阅以下工作 sn-p...

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>

【讨论】：

【解决方案2】：

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

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

【讨论】：