如何制作方形图？

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/