谷歌图表格式没有美分值的货币答案

【问题标题】：Google Charts format currency without cent values谷歌图表格式没有美分值的货币
【发布时间】：2020-11-23 21:02:30
【问题描述】：

我目前正在开发一个使用 Google Visualization 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 美元。

提前感谢您的帮助。

【问题讨论】：

标签： javascript html css charts google-visualization

【解决方案1】：

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

format: '$#,##0'

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

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