问如何在图表API x/y轴标签中仅显示整数(不显示小数)

EN

使用选项

vAxis: {format: '0'}

如图所示

chart.draw(data, {
                   width: 800,
                   height: 480,
                   orientation: 'horizontal',
                   vAxis: {format: '0'}
                  }
           );

我没有足够的代表直接回复Ian Hunter的帖子，但这样做是格式化标签，但没有将网格线设置为与标签相同的值，这可能会产生不希望看到的结果。假设你有这些网格线：

10

7.5

5

2.5

当您将标签格式设置为仅显示整数时，它将显示为: 10 8 5 3 0

但是，图表上的数据与y标度标签并不一致。例如，如果值为3，它实际上显示在'3‘标签的上方，因为'3’标签实际上是2.5

不幸的是，我能想到的唯一解决方案是监控图表中显示的数据的最小/最大范围，然后应用一些逻辑来根据我有多少个y标度标签来设置最小/最大，这样它们就会除以没有余数。

因此，在上面的例子中，我将其设置为

        vAxis: { 
          viewWindow:{
            max:12,
            min:0
          }
        }

这将给出网格线

12

8

6

4.

没有小数，与图表上的标签不相关的数据也没有问题。

添加{format : 0}会将浮动刻度转换为整数，但条形图上的实际值显示不正确。

主要的问题是Google Charts API假设你想要5条网格线，这可能不会给你整数刻度值。

加上这个，我得到了很好的圆形刻度值-

  gridlines: { count: -1}

来源- https://groups.google.com/forum/#!topic/google-visualization-api/4qCeUgE-OmU