javascript - 显示没有数据的选定国家

Question

我想突出显示特定国家/地区，但当您将鼠标悬停在该国家/地区时不显示数据。实际上，这需要是 true/false 类型数据。

var data = google.visualization.arrayToDataTable([
  ['Country','Active'],
  ['Germany',1],
  ['United States',1],
  ['Brazil',1],
  ['Canada',1],
  ['France',1],
  ['Russia',1]
]);

如何让它在悬停时不显示“事件”数据？如果我不在该数据数组中包含第二列，则不会显示任何内容。

示例:

google.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['Country','Active'],
      ['Germany',1],
      ['United States',1],
      ['Brazil',1],
      ['Canada',1],
      ['France',1],
      ['Russia',1]
    ]);

    var options = {
        legend: 'none',
        backgroundColor: '#f1f1f1',
        colorAxis: {colors: ['#052c60']},
        datalessRegionColor: '#FFFFFF'
    };

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

    chart.draw(data, options);
}

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['geochart']}]}"></script>
<div id="regions_div" style="width: 1600px; height: 500px;"></div>

Answer 1

每the documentation ，将 tooltip.trigger 设置为“无”

    var options = {
        legend: 'none',
        backgroundColor: '#f1f1f1',
        colorAxis: {colors: ['#052c60']},
        datalessRegionColor: '#FFFFFF',
        tooltip: {trigger:'none'}
    };

fiddle

代码片段:

      google.setOnLoadCallback(drawRegionsMap);

      function drawRegionsMap() {

        var data = google.visualization.arrayToDataTable([
          ['Country', 'Active'],
          ['Germany', 1],
          ['United States', 1],
          ['Brazil', 1],
          ['Canada', 1],
          ['France', 1],
          ['Russia', 1]
        ]);

        var options = {
          legend: 'none',
          backgroundColor: '#f1f1f1',
          colorAxis: {
            colors: ['#052c60']
          },
          datalessRegionColor: '#FFFFFF',
          tooltip: {
            trigger: 'none'
          }
        };

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

        chart.draw(data, options);
      }

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['geochart']}]}"></script>
<div id="regions_div" style="width: 1600px; height: 500px;"></div>