Префикс в Google Geo Chart - PullRequest
Новая
       9

Префикс в Google Geo Chart

0 голосов
/ 02 июня 2018

Я пытаюсь получить "$" рядом с суммой.Должно выглядеть так: «$ 0,005» Как это сделать?

PS.prefix: '$' не работает. 

  <script>
  google.charts.setOnLoadCallback(drawRegionsMap);
  function drawRegionsMap() {
    var data = google.visualization.arrayToDataTable([
      ['Country', 'Spent', 'Clicks'],
      ['US', 0.005, 1],
    ]);
    var options = {
      colorAxis: {
        colors: ['grey','#444']
      },
      prefix: '$'
    };
    var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
    chart.draw(data, options);
  }
  </script>

1 Ответ

0 голосов
/ 03 июня 2018

вы можете использовать объектную нотацию для предоставления как значения (v), так и отформатированного значения (f) ... 

{v: 0.005, f: '$0.005'}

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

google.charts.load('current', {
  packages: ['geochart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Country', 'Spent', 'Clicks'],
    ['US', {v: 0.005, f: '$0.005'}, 1],
  ]);
  var options = {
    colorAxis: {
      colors: ['grey','#444']
    },
  };
  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>

или используйте средство форматирования чисел для форматирования таблицы данных (что аналогично описанному выше) ... 

var formatTooltip = new google.visualization.NumberFormat({
  pattern: '$#,##0.000'
});
formatTooltip.format(data, 1);

см. Нижерабочий фрагмент ... 

google.charts.load('current', {
  packages: ['geochart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Country', 'Spent', 'Clicks'],
    ['US', 0.005, 1],
  ]);
  var options = {
    colorAxis: {
      colors: ['grey','#444']
    },
  };

  var formatTooltip = new google.visualization.NumberFormat({
    pattern: '$#,##0.000'
  });
  formatTooltip.format(data, 1);

  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>
...