web-dev-qa-db-ja.com

y軸ラベルを切り捨てるGoogleChartTools

Google棒グラフ での作業、これが私が得たものです：

enter image description here

ここに私のカスタムオプション

var options = {
    width: 500, height: 240,
    legend : 'none',
    vAxis:{title:'Answers',textStyle:{color: '#005500',fontSize: '12', paddingRight: '100',marginRight: '100'}},
    hAxis: { title: 'Percentage', textStyle: { color: '#005500', fontSize: '12', paddingRight: '100', marginRight: '100'} } 
 };

これらの幅を設定することはできません<g>/<rect>タグ？

google-visualizationtruncatedaxis-labels
23
Junior M

ChartArea.leftオプションがあなたが探しているものだと思います。このようなものを試して、yラベルがすべて表示されるまで、chartArea.leftとchartArea.widthの値をいじってください（ただし、合計で合計幅は500になるはずです）。

var options = {
    width: 500, height: 240,
    legend : 'none',
    vAxis:{title:'Answers',textStyle:{color: '#005500',fontSize: '12', paddingRight: '100',marginRight: '100'}},
    hAxis: { title: 'Percentage', textStyle: { color: '#005500', fontSize: '12', paddingRight: '100', marginRight: '100'} },
    chartArea: {left:100, width: 400} 
 };
43
Tom Hughes

chartAreaの幅はパーセンテージで設定できます。 chartArea：{幅：50％}。これにより、チャートの合計幅の最大50％が左側の列に残ります。

2
flm