Question

我试图获得＆＃34; $＆＃34;金额旁边。应该是这样的：＆＃34; $ 0.005＆＃34; 怎么做？

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>

Answer 1

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

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

请参阅以下工作代码段...

＆＃13;

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

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="regions_div"></div>

＆＃13;

或使用数字格式化程序格式化数据表（与上面相同）...

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

请参阅以下工作代码段...

＆＃13;

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

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="regions_div"></div>

＆＃13;

Google地理图表中的前缀

1 个答案: