无法让Google Charts Axis以十进制格式化

时间:2017-05-01 13:49:59

标签: google-visualization

我正在尝试以十进制形式为特定图形设置选项。我经历了很多问题,但我似乎无法弄清楚为什么它不适合我。

var temp_chart_options = {
   title: 'Temperature',
   hAxis: {title: 'Date',  titleTextStyle: {color: '#262626'}, format:'decimal' },
   vAxis: {minValue: 0, format: 'decimal'},
   keepInBounds: true,
};

temp_chart.draw(temp_data, temp_chart_options);

我尝试过format: 'decimal'format: { pattern: 'decimal' }甚至做过temp_chart.draw(data, google.charts.Line.convertOptions(temp_chart_options));甚至看过这些问题:

但它们似乎都不起作用:(

  

修改

有谁知道如何更改悬停的格式?
change the format of the hover

2 个答案:

答案 0 :(得分:5)

垂直轴上的format参数需要指定正确的格式模式。例如,vaxis: {format:'0.00'}将为您提供一个带有两位小数的数字。

请注意,Google's documentation对此非常不完整。他们给出了使用预设的示例,以及使用分隔符的示例(例如'#,###'),但没有显示小数位的示例,也没有关于数字格式说明符的完整文档。也许它在其他地方有记录,但我上面链接的页面应该至少提供一个链接,如果是这样的话。它不是。我通过实验发现了0.00格式。

答案 1 :(得分:0)

除了已接受的答案外,我还需要使用GBP货币,并使用1000的分隔符和2个小数位。

给定的Google'currency'不适合,因为它以您的本地货币显示货币符号。

我想到了这个

format: '£#,###.##'

理论上可以与任何货币符号一起使用。

这是结果:

Screenshot of google charts