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

Question

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

Answer 1

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

vAxis:{minValue:0,maxValue:5,gridlines:{count:6}}

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

Answer 2

这对我有用

vAxis: {minValue:0, format:'#'}

Answer 3

只需使用 hAxis.format

即可

示例：

hAxis: {minValue:0,format:'0'},

格式0 =数字

Answer 4

正数：

您可以使用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}，虽然这可能不是最优雅的解决方案。

Answer 5

您可以使用axisLabels功能。 要使用它，您必须手动编辑axixLabel，如下所示：http://code.google.com/apis/chart/image/docs/chart_params.html#axis_labels

e.g：

chxt=x,y
chxp=0:|Excellent|Very Good|Fair|Unsatisfactory|1:|0|1|2

问候，

扬

Answer 6

如果您更改图表类型如下：

google.load('visualization', '1', {'packages':['linechart']});

会为你工作..

Answer 7

var max=Math.max(1,10,15,20);(u have to pass the values what the values u have)
var maxvalue= max / 4;
var res=Math.floor(maxvalue);
res=res+1;
var remin= max % 4;
if(res != 0) {
    maxvalue=(res * 4);
}
else
    maxvalue= 4;

使用上面的代码对我来说很好。

Answer 8

我能找到解决此问题的唯一方法是...例如，默认网格划分为4.您可以更改该编号。但是默认情况下（4）vAxis.maxValue应该可以被4整除，如果现在增加那个数字就可以了。