Как установить прозрачность цвета для стран Google Geo Charts без данных? - PullRequest
Новая
       5

Как установить прозрачность цвета для стран Google Geo Charts без данных?

2 голосов
/ 04 апреля 2019

Я пытаюсь сделать фон прозрачным для стран, у которых нет данных для всплывающей подсказки, но я не могу найти ничего полезного в документации.

Где мне нужно настроить атрибут цвета илиМожно ли вообще изменить цвет?

var options = {
   sizeAxis: {
      minValue: 0,
      maxSize: 100
   },
   colorAxis: {
      colors: ['#8a4cab', '#8a4cab']
   },
   legend: 'none',
   backgroundColor: 'transparent',
   keepAspectRatio: true,
   tooltip: {
      isHtml: true
   }
};

Вот как выглядит сейчас: https://imgur.com/XRl7F8Z

1 Ответ

0 голосов
/ 04 апреля 2019

опция использования -> datalessRegionColor

например. 

datalessRegionColor: 'transparent'

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

google.charts.load('current', {
  packages: ['geochart'],
  mapsApiKey: 'AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY'
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Country', 'value'],
    ['United States', 1],
    ['Canada', 1],
  ]);

  var options = {
    sizeAxis: {
      minValue: 0,
      maxSize: 100
    },
    colorAxis: {
      colors: ['#8a4cab', '#8a4cab']
    },
    legend: 'none',
    backgroundColor: 'transparent',
    datalessRegionColor: 'transparent',
    keepAspectRatio: true,
    tooltip: {
      isHtml: true
    }
  };

  var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
  chart.draw(data, options);
});
#chart_div {
  background-color: #000000;
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
...