2012-06-27 46 views
0

你好家伙我在这个FusionCharts上做了一个评估,我一直在陷入困境。我得到这个错误,不知道为什么......有人熟悉FusionCharts?FusionCharts - 无法找到容器DOM元素

我只是试图运行示例

<script src="../js/fusioncharts/FusionCharts.js" type="text/javascript"></script> 

<script type="text/javascript"> 

<!--    

var myChart = new FusionCharts ("../js/fusioncharts/Column3D.swf",     
      "myChartId", "400", "300", "0", "1");  

      myChart.setJSONData({   
      "chart":   
       {     
       "caption" : "Weekly Sales Summary" ,      
       "xAxisName" : "Week",     
       "yAxisName" : "Sales",     
       "numberPrefix" : "$"   
       },   

      "data" :   
      [     
       { "label" : "Week 1", "value" : "14400" },     
       { "label" : "Week 2", "value" : "19600" },     
       { "label" : "Week 3", "value" : "24000" },     
       { "label" : "Week 4", "value" : "15700" }   
      ] 
    }); 

      myChart.render("div_view");   

    // -->   

    </script> 
    <div id="div_view">FusionCharts will load here!</div> 
+0

固定它....

FusionCharts will load here!
必须在JS –

回答

2

固定它.... FusionCharts的将加载在这里!

有砥前的JS

0

通过融合图表被加载时,DOM还没有完全加载。 所以尽量脚本与

$(document).ready(function(){ 

// your code goes here. 
     var myChart = new FusionCharts ("../js/fusioncharts/Column3D.swf",     
     "myChartId", "400", "300", "0", "1");  

     myChart.setJSONData({   
     "chart":   
      {     
      "caption" : "Weekly Sales Summary" ,      
      "xAxisName" : "Week",     
      "yAxisName" : "Sales",     
      "numberPrefix" : "$"   
      },   

     "data" :   
     [     
      { "label" : "Week 1", "value" : "14400" },     
      { "label" : "Week 2", "value" : "19600" },     
      { "label" : "Week 3", "value" : "24000" },     
      { "label" : "Week 4", "value" : "15700" }   
     ] 
}); 

     myChart.render("div_view"); 

}); 

否则。 编写脚本标签<div>标签后

1

在创建FusionCharts的对象的第五个参数是DOM元素在渲染应该做在这里看到更多的信息

http://www.fusioncharts.com/dev/api/fusioncharts.html

因此任何字符串你因为DOM元素应设置为要显示图表的DIV的ID,例如:

Fusion图表对象是这样创建的:$pie3dChart = new FusionCharts("pie3d", "ex2", "100%", 400, "chart-1", "json", .... 这里字符串“图表-1”是DOM Element id,所以你应该在文档中有一个div,像这样<div id="chart-1"></div>这将是渲染发生的地方。