2012-02-15 66 views
10

我是Google圖表的新手,我無法通過圖形周圍的文本獲得精美的結果。在Google圖表中格式化圖例和座標軸

這是我的圖表的外觀:

This is how looks my chart

正如你所看到的,它確實削減兩橫軸和傳奇,所以最後的結果是不是好,因爲它可能是。有沒有辦法解決這個問題?我一直在閱讀official documentation和一些帖子,但我還沒有找到辦法做到這一點。

回顧:我們如何修改圖例或軸文本所以他們完全可見?

回答

14

一段時間試驗之後,我敢說它不是更多鈔票來選擇上傳說的話多少部分或軸可以顯示。

然而,你可以用自己的大小和位置播放等你拿 - 更多或less-是我們所期待的。 這是可以做到的:

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

,我也做了圖像一點點大,使其適合在x軸沒有問題(也有做其文本大小的選項)。

所以這樣做,這是你會得到什麼: enter image description here

0

對於optmized圖表區域,

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