Javascript FusionCharts--找不到容器DOM元素

大家好，我正在对FusionCharts进行评估，我一直遇到麻烦。我得到这个错误，不知道为什么…有人熟悉FusionCharts吗

我只是试着运行这个例子

<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> 

FusionCharts将在这里加载！

已修复…FusionCharts将在此处加载

---

必须在JS修复它之前…FusionCharts将在此处加载

---

必须在加载JS之前，在加载fusion图表之前，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");  

});

---

否则。

---

加载fusion图表时，在

标记后写入脚本标记，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");  

});

---

否则。

---

在创建FusionCharts对象时，在

标记之后写入脚本标记。第五个参数是应该在其中进行渲染的DOM元素。有关详细信息，请参见此处

因此，作为DOM元素的任何字符串都应设置为要显示图表的DIV的id，例如：

Fusion图表对象是这样创建的：

$pie3dChart=newfusioncharts（“pie3d”、“ex2”、“100%”、400、“chart-1”、“json”、…

---

这里的字符串“chart-1”是DOM元素id，因此您应该在文档中有一个div，如

，它将在其中进行渲染。

创建FusionCharts对象时，第五个参数是应该在其中进行渲染的DOM元素。有关更多信息，请参见此处

因此，作为DOM元素的任何字符串都应设置为要显示图表的DIV的id，例如：

Fusion图表对象是这样创建的：

$pie3dChart=newfusioncharts（“pie3d”、“ex2”、“100%”、400、“chart-1”、“json”、…

这里的字符串“chart-1”是DOM元素id，因此您应该在文档中有一个div，如下面的

，它将在这里进行渲染。

修复了它……FusionCharts将在这里加载！必须在JS固定之前加载……FusionCharts将在这里加载！必须在JS之前加载