格式垂直标签(vaxis)与掩蔽钱在图表谷歌



在这个视频https://www.youtube.com/watch?v=BfQpLvl6tpw的最后,图表的垂直标签用货币掩码格式化。使用以下代码:

var formatter = new google.visualization.NumberFormat(
                {prefix: 'R$ ', negativeParens: true, negativeColor: 'red'}
            );
            formatter.format(data, 1);
            formatter.format(data, 2);

我得到相同的结果鼠标悬停点标签,但不是固定的垂直标签在左边的视频。

我怎么做才能得到这个结果?

使用此选项:

vAxis:{format:'R$ #,###'}

演示:

google.load('visualization', '1', {
  packages: ['corechart']
});
google.setOnLoadCallback(drawChart);
function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Element', 'R$/kg'],
    ['Silver', 5477.44],
    ['Gold', 36121.36],
    ['Platinum', 32407.95], // CSS-style declaration
  ]);
  var options = {
    vAxis: {
      format: 'R$ #,###'
    }
  };
  var formatter = new google.visualization.NumberFormat({
    prefix: 'R$ '
  });
  formatter.format(data, 1);
  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<div id="chart_div"></div>

最新更新