谷歌图表：点击更改区域颜色答案

【问题标题】：Google Charts : change region color on click谷歌图表：点击更改区域颜色
【发布时间】：2016-08-10 17:16:21
【问题描述】：

我正在使用 Google Charts 绘制地图。

当有人点击一个区域时，每个区域都会改变不透明度，而被点击的区域会保持原来的颜色。

完全一样，但对于地区： https://developers.google.com/chart/interactive/docs/gallery/columnchart#creating-material-column-charts

你们知道从哪里开始吗？我可以检索当前选定的项目，这很容易......但现在我必须检索每个项目 但选定的项目并更改它们的颜色强>。

提前致谢。

【问题讨论】：

你能分享你的代码片段吗？
抱歉海盗 X，我没有时间发布我的链接，表明 WhiteHat 完成了这项工作。谢谢！！

标签： dictionary charts colors onclick region

【解决方案1】：

使用colorAxis 配置选项，
为所选区域分配更高的编号
将剩余区域重置为零

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

google.charts.load('current', {
  callback: function () {
    var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['England', 0],
      ['Wales', 0],
      ['Scotland', 0],
      ['Ireland', 0],
    ]);

    var options = {
      colorAxis: {
        minValue: 0,
        colors: ['#FFEBEE', '#B71C1C']
      },
      region: 'GB',
      resolution: 'provinces'
    };

    var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));

    google.visualization.events.addListener(chart, 'select', function () {
      for (var i = 0; i < data.getNumberOfRows(); i++) {
        if (i === chart.getSelection()[0].row) {
          data.setValue(i, 1, 100);
        } else {
          data.setValue(i, 1, 0);
        }
      }
      chart.draw(data, options);
    });

    chart.draw(data, options);
  },
  packages:['geochart']
});

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

【讨论】：

老兄，您对每个 Google Chart 问题都了如指掌。你的忠实粉丝。你能说说你是怎么学到这么多的吗？我正在学习它，但很想从有学问的人那里得到一些指导。
谢谢！在这里提供帮助，我在 javascript 方面有很多经验，几年前我在工作中发现并开始使用谷歌图表。所以我有很多试验和错误来弄清楚。加上回答问题使我的技能保持敏锐，并增加了我的代码库。有任何问题都可以随时联系我...
有什么方法可以和你聊天吗？在这里讨论有点困难。
聊天 SO 在我的办公室被阻止。也许，改天。谢谢！