dojo圖表高度和寬度問題

Question

這是我的javascript代碼爲dojo圖表，每當我在單獨的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代碼

Answer 1

這看起來當你創建圖表你放入它是沒有添加/在你的應用程序顯示的節點等。出於這個原因，圖表採用默認大小，因爲他無法計算它（默認大小爲400/300）。解決方案是確保添加圖表節點在初始化時顯示。另一種解決方案是稍後調整圖表調用chart.resize（width，height）;