Question

我创建了一个高度为240像素的div并添加了一个图表。它创建了更高的280px的图表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

1 个答案:

答案 0 :(得分：1)

Answer 1

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

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

Dojo图表创建具有不同尺寸的图表

1 个答案: