Dojo 图表创建不同维度的图表

Question

我创建了一个高度为 240px 的 div 并向其中添加了一个图表。它创建高度为 280 像素的图表 svg。 我的代码是：

domConstruct.create("div", { id : "chart", style : 
        " width: 400px; height: 240px;  margin: 20px ; " }, 
        dom.byId("header"), "after");

和

var chart=new Chart("chart");
chart.addPlot("default", {type: Lines});
chart.setTheme(Claro);
chart.addAxis("x");
chart.addAxis("y", { vertical : true});
chart.addSeries("Series A",[1,2,3,4,5,6]);
chart.render();

然后生成的html就像

<svg overflow="hidden" width="440" height="280">

在 div 里面 id=chart

因此，我创建的下一个图表与此图表重叠。

编辑 我想要实现的重要一点是图表之间的差距，而不是防止它们重叠的解决方案。删除边距就可以了，但正如我所说，我想要一些空间。填充也会产生同样的问题。

请看演示@jsFiddle

Answer 1

您还必须考虑边距高度。如果您想将其放入 div 中，您的代码应该是这样的

domConstruct.create("div", { id : "chart", style : 
            " width: 360px; height: 200px;  margin: 10px ; " }