Dojo圖表創建不同尺寸的圖表

Question

我創建了一個高度爲240px的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裏面=圖表

正因爲如此，該我創建的下一張圖表與此圖表重疊。

編輯在這裏我想實現的重要事情是圖表之間的差距，而不是防止它們重疊的解決方案。刪除保證金會做到這一點，但正如我所說我想要一些空間。填充也會產生同樣的問題。

請看演示@jsFiddle

Answer 1

你必須考慮到保證金高度also.Your代碼應該喜歡這樣的，如果你想將它融入DIV

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