dojo图表高度和宽度问题

Question

这是我的 javascript dojo 图表代码，每当我在单独的 HTML 页面中创建此图表时，它都工作正常，但是当我在我的项目中合并同一段代码时然后它的 svg 取 width:400px 和 height:300px，但我给了 div width:200px 和 height:100px 这件事在我的项目中造成了问题，我无法改变它的价值，请帮助我，在此先感谢。

"dojox/charting/plot2d/Columns",
"dojox/charting/Chart",       
"dojox/charting/themes/MiamiNice",
"dojox/charting/axis2d/Default",    
"dojox/charting/plot2d/Markers",  

  var chart = new Chart("chartNode");
  chart.addPlot("default", {type: Columns, enableCache: true,gap:10});
  chart.addSeries("Series A", [50, 20, 30, 40, 10]);
  chart.setTheme(theme);
  chart.render();

这是html代码

Answer 1

当您创建图表时，您放置图表的节点似乎尚未 added/displayed 在您的应用程序中。由于这个原因，图表采用默认大小，因为他无法计算它（默认大小为 400/300）。一个解决方案是确保添加图表节点在初始化时显示。另一个解决方案是稍后调整图表大小调用 chart.resize(width, height);

dojo图表高度和宽度问题

dojo chart height and width issue

html

javascript

css

dojo