web-dev-qa-db-ja.com

GoogleChartsの視覚化列グラフの軸の書式設定と列の色

chart

この縦棒グラフは、Googleの視覚化グラフAPIツールを使用しています。 y軸の数値が正の整数のみになるようにするにはどうすればよいですか？ドキュメントを調べてみましたが、何も見つからないようです。

google-visualization
20
roflwaffle

私は以下を使用しましたが、それ以来分数を見ていません...

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

秘訣は、6つのグリッド線と5つの最低の「高」値で、半分と10分の1はもう適用できないということのようです。

16
Jerry van de Weerthof

これは私のために働いた

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

単に使用してくださいhAxis.format

例：

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

フォーマット0 =桁

6
ggDeGreat

正の数：

VAxis.minValueを使用して、最小のy軸グリッド線を設定できますが、グリッド線の実際の値は、設定した値の最小値とデータの最小値になるため、データに0がある場合（ Unsatisfactoryの場合）、この値は最も低いy軸グリッド線に使用されます。

整数：

http://groups.google.com/group/google-visualization-api/browse_thread/thread/04a001766367dc0f/84c34338c2808069 -これは古い投稿ですが、チャートAPIドキュメントには何もないため、整数のみを指定する機能がまだ不足しているようです。

グラフのデフォルトは5グリッド線であるため（これはオーバーライドできるようにしたいものです）、最大データ値が2.0（例のように）の場合、forcevAxis: {maxValue: 5}を設定して整数を計算しますが、これは最も洗練されたソリューションではない場合があります。

1
alykat

グラフタイプを次のように変更した場合：

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

あなたのために働きます。

0
Smit

この問題に対して私が見つけた唯一の回避策は次のとおりです...たとえば、デフォルトのグリッド分割は4です。その数を変更できます。ただし、デフォルト（4）の場合、vAxis.maxValueは4で割り切れるはずです。今度は、その数をインクリメントしてください。

0
Ravi

axisLabels機能を使用できます。これを使用するには、次に示すようにaxixLabelsを手動で編集する必要があります： http://code.google.com/apis/chart/image/docs/chart_params.html#axis_labels

例えば。：

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

ご挨拶、

1月

0
Jan
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;

上記のコードを使用してください。

0
user876563