Канадские провинции не отмечены в географической диаграмме Google - PullRequest
Новая
       8

Канадские провинции не отмечены в географической диаграмме Google

1 голос
/ 23 октября 2019

Я пытаюсь отобразить провинции Канады через геокарту в чартах Google. Но провинции не выделяются, даже несмотря на то, что значение, соответствующее области, является правильным. Но значения для «% населения» отображаются на диаграмме (столбец в нижней части диаграммы)

Ниже приведен мой код. 

 <Chart
        width={"100%"}
        height={"100%"}
        chartType="GeoChart"
        data={[
          ["abv", "population%"],
          ["AB", 2],
          ["NS", 3]
        ]}
        mapsApiKey={GOOGLE_API_KEY}
        //rootProps={{ "data-testid": "1" }}
        options={{
          region: "CA",
          resolution: "provinces"
        }}
      />

Но когда я пытаюсь использовать тот же код,Предоставляя "US" для регионов и провинций США в качестве данных, они отлично работают!

Есть что-то, чего я здесь упускаю. Не могу понять, что я сделал не так.

Спасибо

1 Ответ

1 голос
/ 23 октября 2019
Опция

-> resolution: "provinces" - заставляет провинции иметь очертания
и должна нормально работать с Канадой -> region: "CA"

, чтобы выделите провинцию,
префикс abv с -> "CA-" - как в -> "CA-AB"

см. следующий рабочий фрагмент ... 

google.charts.load('current', {
  'packages': ['geochart'],
  'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
});
google.charts.setOnLoadCallback(drawRegionsMap);

function drawRegionsMap() {
  var data = google.visualization.arrayToDataTable([
    ["abv", "population%"],
    ["CA-AB", 2],
    ["CA-NS", 3]
  ]);

  var options = {
    region: "CA",
    resolution: "provinces",
    colors: ['blue', 'green']
  };

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

  chart.draw(data, options);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="regions_div"></div>
...