如何製作方形圖？

Question

我希望我的圖表爲正方形（x軸和y軸的長度相等）。我試圖用

#chart { 
    width: 800px; 
    height: 800px; 
} 

，以迫使該圖表的大小 - 它的工作原理，但對於整個圖表，包括標籤，設置寬度或高度時，有效地縮短一側（他們都考慮在內圖表由他們的大小）。

有沒有辦法影響實際圖表區域的大小？

Answer 1

是的 - 確保您的外部圖表尺寸佔四邊中每一邊的邊距。

在這個例子中：

chart : { 
     margin : [100,50,100, 200], 
     width : 550, 
     height : 500 
    } 

我已經設置頁邊距明確，所以後來我就可以知道劇情方面會有什麼尺寸減去的尺寸邊緣。

在這種情況下，邊距會在寬度上增加50px，因此我會將圖表放大50px而不是高度，然後繪製300px的繪圖區域。

實施例：

• http://jsfiddle.net/jlbriggs/ymwfgwpk/