如何制作方形图？

Question

我希望我的图表是正方形（x和y轴的长度相等）。我试着用

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

为了强制图表的大小 - 它可以工作，但是对于整个图表，包括标签（在设置宽度或高度时会考虑它们，有效地缩短图表的一边的大小）。 / p>

有没有办法影响实际图表区域的大小？

Answer 1

是 - 确保您的外部图表尺寸占四边的每一边的边距。

在这个例子中：

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

我已经明确设置了边距，因此我可以通过从尺寸中减去边距来了解绘图区域的大小。

在这种情况下，边距为宽度增加了50px，因此我使图表比其高50px宽，并获得300px正方形的绘图区域。

示例：

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