可視化API - 使用集中圖表

使用Visualization API，我繪製了一個非常簡單的ColumnChart，沒有圖例。可視化API - 使用集中圖表

我不知道爲什麼，但圖表沒有居中放在容器中，好像右側圖例的空間被保留了，雖然圖例沒有顯示。

但是，如果我將圖例位置更改爲底部，例如，該空間仍然存在。所以我不確定這是否與傳說有關。

請檢查我的JSFiddle。注意右邊的大填充（大約55px）。

任何方式解決這一問題？提前致謝！

2014-02-26 MrUpsidown

看來你是對的。如果你檢查DOM元素，例如值，你可以看到，如果圖例位置是'none'或'right'，那麼位置是相同的：' 11.000'。（x，y）的位置在兩種情況下都是相同的。你期望中心圖，在這種情況下，x值必須至少改變。 –

對。但看看[示例]（https://developers.google.com/chart/interactive/docs/gallery/columnchart#Colors），它似乎是正確的（？）。 – MrUpsidown

這是正確的。看起來，如果在右側沒有空間被「預訂」的傳說，它就是這樣設計的。如果你把vAxis放在右邊，它會被放置在那裏。看[更新的小提琴]（http://jsfiddle.net/xyqF7/7/）。 –

的chartArea 是圖表（軸標籤不被認爲是chartArea的一部分，很容易看到，如果你將其關閉，它的中心：http://jsfiddle.net/xyqF7/9/）的中心，你想要做的是什麼招它偏離中心，您可以通過chartArea選擇呢：

chartArea: { 
    width: '80%', 
    left: '15%' 
}

2014-02-26 16:33:39 asgallant

我不知道那個'chartArea'對象。好點子！這正是我期待的。 – MrUpsidown

回答