2014-11-03 181 views
-1

我创建了一个高度为240px的div,并为其添加图表。它创建了更高280px的图表svg。 我的代码是:Dojo图表创建不同尺寸的图表

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里面=图表

正因为如此,该我创建的下一张图表与此图表重叠。

编辑在这里我想实现的重要事情是图表之间的差距,而不是防止它们重叠的解决方案。删除保证金会做到这一点,但正如我所说我想要一些空间。填充也会产生同样的问题。

请看演示@jsFiddle

回答

1

你必须考虑到保证金高度also.Your代码应该喜欢这样的,如果你想将它融入DIV

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

不解决这个问题。重叠只会随着您提供的解决方案而增加。可能想重新考虑这一点? – Mani 2014-11-03 17:11:12