道场图表高度和宽度问题

时间:2015-04-23 06:48:09

标签: javascript html css dojo

这是我的dojo图表的javascript代码,每当我在单独的HTML页面中创建此图表时,它工作正常,但是当我在我的项目中合并相同的代码时,它的svg采用宽度:400px和身高:300px ,但我已经给了div 宽度:200px和高度: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代码     

1 个答案:

答案 0 :(得分:1)

这看起来就像您创建图表时,您放置它的节点尚未添加/显示在您的应用程序中。因此,图表采用默认大小,因为他无法计算它(默认大小为400/300)。解决方案是确保在初始化时显示添加图表节点。另一个解决方案是稍后调整图表调用chart.resize(width,height);