Google Geochart ColorAxis, используя разрешение провинций - PullRequest
0 голосов
/ 14 января 2020

Как вы можете отобразить цвет провинций по умолчанию при инициализации геокарты? Каждый округ штата Нью-Йорк должен иметь свой собственный цвет при инициализации. Вместо этого карта меняет цвет при наведении курсора на регион. JS Fiddle

Я использовал следующие параметры, которые не работают с resolution: 'provinces':

var options = {
  region: 'US-NY',
  resolution: 'provinces',
  colorAxis: {colors: ['#00853f', 'black', '#e31b23']},
  backgroundColor: '#81d4fa',
  datalessRegionColor: '#f8bbd0',
  defaultColor: '#f5f5f5',
 };

Весь код:

html,
body,
#regions_div {
  width: 100%;
  height: 100%;
}
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
  google.charts.load('current', {
    'packages': ['geochart'],
    'mapsApiKey': 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
  });
  google.charts.setOnLoadCallback(drawRegionsMap);

  function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['US-NY', 'Popularity'],
      ["Orleans County,New York,United States", 75],
      ["Sullivan County,New York,United States", 74],
      ["Erie County,New York,United States", 73],
      ["Dutchess County,New York,United States", 59],
      ["Cayuga County,New York,United States", 57],
      ["Greene County,New York,United States", 54],
      ["Schenectady County,New York,United States", 54],
      ["Oswego County,New York,United States", 53],
      ["Wayne County,New York,United States", 52],
      ["Chemung County,New York,United States", 48],
      ["Steuben County,New York,United States", 25],
      ["Jefferson County,New York,United States", 23],
      ["Schuyler County,New York,United States", 22],
      ["Washington County,New York,United States", 22],
      ["Nassau County,New York,United States", 22],
      ["Tioga County,New York,United States", 22],
      ["Essex County,New York,United States", 17],
      ["Rockland County,New York,United States", 16],
      ["Franklin County,New York,United States", 11],
      ["Hamilton County,New York,United States", 1],
    ]);

    var options = {
      region: 'US-NY',
      resolution: 'provinces',
      colorAxis: {colors: ['#00853f', 'black', '#e31b23']},
      backgroundColor: '#81d4fa',
      datalessRegionColor: '#f8bbd0',
      defaultColor: '#f5f5f5',
    };

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

    chart.draw(data, options);
  }

</script>
<div id="regions_div"></div>

JS Fiddle (Примечание: вам необходимо добавить свой собственный ключ API)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...