2012-02-15 13 views
10

Google Chartsの新機能で、グラフを囲んでいるテキストでうまくいく結果が得られません。Google Chartsの凡例と軸の書式設定

これは私のチャートがどのように見えるかです:

This is how looks my chart

あなたが見ることができるように、それは水平軸と伝説の両方をカットしないので、最終的な結果は、それができるほど良好ではありません。これを解決する方法はありますか?私はここからofficial documentationといくつかの記事を読んできましたが、私はこれを行う方法を見つけていません。

要約:凡例または軸のテキストが完全に見えるように変更するにはどうすればよいですか?

答えて

14

実験をしてから、凡例や軸上でどのくらいの部分を表示できるかを選択することはできません。

しかし、私たちが探していたものよりも多くまたは少なくなるように、サイズと位置で遊ぶことができます。 これは、何ができるかです:

legend: {position: 'top', textStyle: {fontSize: 14}} 

は、私もそれは問題なく、x軸を(小さなそのテキストを作成するオプションもありました)に収まるように、少し大きな画像を作りました。だから、これを行う

が、これはあなたが得るものです: enter image description here

基本的に
0

のような他の入手可能なスタイリングオプション、

chartArea: {'width': '90%', 'height': '60%'}, 
legend: { position: 'bottom' }, 
hAxis : { textStyle : { fontSize: 10} }, 
vAxis : { textStyle : { fontSize: 10} }, 

トリックが設定されている軸を使用して言うようにtextStyle fontsizeを使用すると、チャートの下に凡例が配置されやすくなります。グラフの面積は約60〜70%です。

チャートと表の両方を作成する私のカスタムGoogle Chartsプラグインを使用しても構いません。 https://github.com/cosmoarunn/gapiExt

関連する問題