Google Charts可视化柱形图轴格式和列颜色

rof*_*fle 20 google-visualization

图表

我使用Google的可视化图表API工具获得此柱形图.我怎么能这样做y轴数只是正整数?我试过查看文档,但似乎找不到任何东西.

小智 16

我使用以下内容并且从未见过分数...

vAxis:{minValue:0,maxValue:5,gridlines:{count:6}}
Run Code Online (Sandbox Code Playgroud)

诀窍似乎是6个网格线和5个最低'高'值,半部分和十分之一不再适用.


Xav*_*ver 12

这对我有用

vAxis: {minValue:0, format:'#'}
Run Code Online (Sandbox Code Playgroud)


ggD*_*eat 6

只需使用hAxis.format即可

例如:

hAxis: {minValue:0,format:'0'},
Run Code Online (Sandbox Code Playgroud)

格式0 =数字

  • 不幸的是,这只会改变用于显示值的格式,可能仍会显示非整数值,它们只会被截断.例如,如果您的图表的vAxis数据范围为0-2,您将看到vAxis标签0 1 1 2 2. (10认同)

小智 1

正数:

您可以使用 vAxis.minValue 设置最低的 y 轴网格线,但是网格线的实际值将是您设置的最小值和数据中的最小值,所以如果您的数据中有 0 (看起来像您对不满意所做的操作),该值将用于最低的 y 轴网格线。

整数:

http://groups.google.com/group/google-visualization-api/browse_thread/thread/04a001766367dc0f/84c34338c2808069 - 这是一篇较旧的帖子,但由于图表 API 文档中没有任何内容,因此似乎可以指定整个功能仍然缺乏数字。

由于图表默认为 5 条网格线(这是您希望能够覆盖的网格线),因此如果您的最高数据值为 2.0(如示例中所示),您可以通过设置强制使用整数vAxis: {maxValue: 5},尽管这可能不是最大的优雅的解决方案。