谷歌图表如何格式化不带小数的货币值

Question

我目前正在处理一个使用Google Visualization API的项目。我已经使用vAxis: {format: 'currency'}在我的options中设置了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的标记。

非常感谢您的帮助。

- Justice Hirschi

Answer 1

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

format: '$#,##0'

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

ticks: [
  {v: 0, f: '$0'},
  {v: 20000, f: '$20,000'},
  {v: 40000, f: '$40,000'},
  {v: 60000, f: '$60,000'}
]

- WhiteHat

Answer 2

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

- Aleksandar

---

如何在我传递给选项的数字上应用toFixed()方法？鉴于以下数值：vAxis: {format: 'currency', ticks: [0, 20000, 40000, 60000]}，Google Visualization已经对这些数字进行了格式化处理。 - undefined