Карты Dojo создают диаграмму с различными размерами

Question

Я создал div с высотой 240px и добавил диаграмму к нему. Он создает диаграмму svg с большей высотой 280 пикселей. Мой код:

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"> 

внутри сНу ид = график

Из-за этого, следующий график, который я создал, перекрывает эту диаграмму.

РедактироватьВажная вещь, которую я хотел достичь, - это разрыв между диаграммами, а не решение, препятствующее им перекрываться. Удаление поля сделало бы это, но, как я сказал, мне нужно некоторое пространство. Заполнение также создает ту же проблему.

Пожалуйста, смотрите демо @jsFiddle

Answer 1

Вы должны принять во внимание запас высоты also.Your код должен понравится, если вы хотите, чтобы вписать его в DIV

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