Google Chart API: цвет границ географических карт - PullRequest
Новая
       14

Google Chart API: цвет границ географических карт

0 голосов
/ 09 октября 2018

Я использую диаграмму GEO из Google API.Мне нужно было знать, можно ли изменить цвет границ страны или нет ?, что может помочь мне лучше различать страны в зависимости от цвета заливки, который я выбрал для графика.

1 Ответ

0 голосов
/ 09 октября 2018

нет параметров конфигурации для изменения цвета границы,
, но вы можете изменить это вручную, на событии 'ready' графика.

каждая страна будет отображаться с элементом <path>.
каждый элемент <path> будет иметь атрибут stroke,
, который является цветом границы.

var countries = container.getElementsByTagName('path');
Array.prototype.forEach.call(countries, function(path) {
  path.setAttribute('stroke', 'red');
});

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

google.charts.load('current', {
  packages: ['geochart'],
  mapsApiKey: 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Country', 'Popularity'],
    ['Germany', 200],
    ['United States', 300],
    ['Brazil', 400],
    ['Canada', 500],
    ['France', 600],
    ['RU', 700]
  ]);

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

  google.visualization.events.addListener(chart, 'ready', function () {
    var countries = container.getElementsByTagName('path');
    Array.prototype.forEach.call(countries, function(path) {
      path.setAttribute('stroke', 'red');
    });
  });

  chart.draw(data, {
    legend: 'none'
  });
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
...