Google 没有分值的图表格式货币

Question

我目前正在从事一个使用 Google 可视化 API 的项目。我已经在我的 options 中使用 vAxis: {format: 'currency'} 格式化图表 y 轴上的值以货币显示，但我不知道如何删除分值。

这是我的图表： Chart

这是我的 options:

var options = {
      chartArea: {width: '90%', height: '80%'},
      vAxis: {format: 'currency', ticks: [0, 20000, 40000, 60000]},
      colors: ['#4285f4'],
      legend: {position: 'none'}
    };

在 vAxis 上，它在 $0.00、$20,000.00、$40,000.00 和 $60,000.00 处显示标记，但我希望它在 $0、$20,000、$40,000 和 $60,000 处显示标记。

在此先感谢您的帮助。

Answer 1

对您的货币应用 toFixed() 方法。您可以在括号中指定您喜欢的小数位数。例如 variable.toFixed(2).

Answer 2

使用自定义格式选项...

format: '$#,##0'

或者您可以在 ticks 选项中同时提供值和格式化值...

ticks: [
  {v: 0, f: '[=11=]'},
  {v: 20000, f: ',000'},
  {v: 40000, f: ',000'},
  {v: 60000, f: ',000'}
]

Google 没有分值的图表格式货币

Google Charts format currency without cent values

html

javascript

css

charts

google-visualization