Показать Google Geochart в масштабе журнала - PullRequest
Новая
       14

Показать Google Geochart в масштабе журнала

0 голосов
/ 23 мая 2019

Я использую Google geochart .Я использую количество посещений по стране в качестве данных для отображения.Но данные не являются линейными.Таким образом, вместо того, чтобы составлять график зависимости от количества посещений, я бы хотел сопоставить его с его значением журнала.В принципе, я хотел бы использовать масштаб журнала.Как мне это сделать?

Я попытался преобразовать значения в журнал вручную, и он вычерчен правильно, но во всплывающей подсказке отображается значение журнала, а не точное количество посещений.

1 Ответ

1 голос
/ 23 мая 2019

в GeoChart нет опции для масштабирования журнала.

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

при загрузке данных используйте обозначение объекта, где ...

v: = значение f: = форматированное значение

например, {v: 200, f: '300'}

, используя вышеизложенное, диаграмма будет использовать 200 для цвета региона или маркера,
, но отображать 300 во всплывающей подсказке.

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

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

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