Geochart - 用特殊颜色标记一个国家

Question

Google Geochart有一个标准示例，各国的比例颜色取决于价值。我的问题是如何用红色标记一个国家，例如加拿大，但是像以前一样留下另一个国家。如果加拿大没有价值，只是如何用另一种颜色标记它，这是好的吗？ https://jsfiddle.net/8wowo9xc/

 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('regions_div'));

    chart.draw(data, options);
  }

渴望的结果：

Answer 1

如果您指定defaultColor并且Canada没有值，那么这将完全符合您的要求。

类似于：

  google.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {

    var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['Germany', 200],
      ['United States', 300],
      ['Brazil', 400],
      ['Canada', null],
      ['France', 600],
      ['RU', 700]
    ]);

      var options = {defaultColor: 'red'};

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

    chart.draw(data, options);
  }

Answer 2

尝试：

var data = google.visualization.arrayToDataTable([
  ['Country', 'Popularity'],
  ['Canada', 500]
]);

对于其他国家或其他颜色，只需尝试：

function drawRegionsMap() {

  var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['Ireland', 200],

  ]);

  var options = {
    //region: 'IT',
    //displayMode: 'markers',
    colorAxis: {colors: ['red']}
  };

或者您的上一次请求尝试：

google.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {

  var data = google.visualization.arrayToDataTable([
      ['Country', 'Popularity'],
      ['Canada', 100],
      ['US', 1000], 
      ['Russia',500]

  ]);

  var options = {
    //region: 'IT',
    //displayMode: 'markers',
    colorAxis: {colors: ['red', 'green', 'lightgreen']}
  };



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

  chart.draw(data, options);
}

最后的考虑： 要使用多边形，应该已经存在具有坐标的各种状态的多边形。然而，它是用JavaScript编写一个小程序。如果你只需要一个状态高亮（红色）的数据表示，另一个有两种颜色（深绿色和浅绿色），你可以更好地利用我在例子中所做的数值。创建您感兴趣的状态列表，并声明您编制了具有最低值的证据以使其为红色，并通过显示中间颜色等来显示中间值。

前进的方式非常依赖于你作为程序员的经验。