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

Question

我正在使用Google Chart JS Api的柱形图.我正在显示一些只能表示为整数的值(按天计的总订单数).

一切都很好,除了当我正在显示的其中一个图表的值太低,如1或2时,它开始在y轴上显示小数.小数点看起来很傻b/c它不可能有一半的订单(这是我正在计算的),如果可能的话我想隐藏它.

Answer 1

我没有足够的代表直接回复Ian Hunter的帖子,但是它的作用是格式化标签,但不会将网格线设置为与标签相同的值,这可能会产生不良结果.所以假设你有这些网格线:

10

7.5

五

2.5

0

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

但是,图表上的数据不会与y标度标签相关联.例如,如果您的值为3,则它实际显示在"3"标签之上,因为"3"标签实际上是2.5

不幸的是,我能想到的唯一解决方案是监控图中显示的数据的最小/最大范围,然后应用一些逻辑来根据我有多少y标度标签来设置最小值/最大值,这样它们就可以了将没有剩余的分裂.

所以在上面的例子中,我将其设置为

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

这将给出网格线

12

8

6

4

0

没有小数,也没有与图表上的标签无关的数据的问题.

Answer 2

使用该选项

vAxis: {format: '0'}

如在

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

Answer 3

添加{format:0}会将浮点数转换为整数,但条形图上的实际值显示不正确.

主要问题是Google Charts API假设您需要5个网格线,这些网格线可能无法为您提供整数刻度值.

添加这个给了我很好的圆形刻度值 -

  gridlines: { count: -1}

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