highChart动态生成图表一片空白

动态生成highChart的时候，

先把需要放图表的DIV 放到body里

var cellHistoryLine = $('<div id="cellHistoryLine" style="min-width:240px;height:280px;display:none;"></div>').appendTo('body');

再把图表放到  cellHistoryLine  DIV中

var cellHistoryLine = $('<div id="cellHistoryLine" style="min-width:240px;height:280px;display:none;"></div>').appendTo('body');
	var cellcoverRoot = $('<div id="cellcoverRoot"></div>');            <pre name="code" class="javascript">                                         .
                                         .
                                         .

aa(cellName,historyRate);//生成图表
    var cellHistoryLine = $('#cellHistoryLine').appendTo(cellcoverRoot);//把图表DIV放到根DIV

function aa(cellName,historyRate){
	var rateArray = new Array();
	var dataArray = new Array();
	cellName=cellName.replace(/图层/,"");
	if(typeof(historyRate) != "undefined"&&historyRate!=null){
		
		dataArray[0]="当前周"
	var rateStringArray =historyRate.split(",");
//		alert(rateStringArray.length);
	for(var i=0;i<rateStringArray.length;i++){
		rateArray[i]=parseFloat(rateStringArray[i]);
		dataArray[i]='前'+parseInt((rateStringArray.length)-i-1)+'周';
	}
	dataArray[rateStringArray.length-1]="当前周";
	}
    $('#cellHistoryLine').highcharts({
        title: {
           text: cellName,
           x: -20 //center
       },
       credits: {
           enabled: false
       },
  yAxis: {
           title: {
               text: '实装率(%)'
           },
           plotLines: [{
                  color:'red',    
                dashStyle:'solid',
               value: 1,
               width: 1,
               color: '#808080'
           }]
       },
       xAxis: {
//    	   title: {
//           text: '历史月份'
//       },
       categories: dataArray, 
       },

       series: [{
           name: cellName,
           data: rateArray
       }],
   });
}

然后再将图表生成到DIV中再appendTo 到根DIV中，

顺序       创建放图表的DIV到body中   》》动态生成图表放到 图表DIV中》》》再把已带图表DIV放到所需的DIV中 使用 appendTo()