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 编写一个小程序。如果您只需要一个带有状态突出显示（红色）和另一个带有两种颜色（深绿色和浅绿色）的数据表示，您最好像我在示例中所做的那样利用数值。创建您感兴趣的状态列表，并声明您编织 mo 以最低值显示为红色，并通过显示中间颜色等来显示中间值。

前进的道路很大程度上取决于您作为程序员的经验。