谷歌地理图表内的前缀答案

【问题标题】：Prefix inside Google geo chart谷歌地理图表内的前缀
【发布时间】：2018-11-12 07:45:38
【问题描述】：

我试图在金额旁边加上“$”。应该看起来像：“$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>

【问题讨论】：

api doc没有这样的选项
developers.google.com/chart/interactive/docs/…
@MrUpsidown 谢谢，但如果你告诉我如何在我的代码中实现它，那么我会接受你的回答。
你有什么尝试吗？你读过文档吗？它通过示例详细解释了here 如何实现您的要求。

标签： javascript google-maps google-visualization

【解决方案1】：

您可以使用对象表示法来提供值 (v) 和格式化值 (f)...

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

请参阅以下工作 sn-p...

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);

请参阅以下工作 sn-p...

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>

【讨论】：

干得好。谢谢。