FusionCharts--找不到容器DOM元素

Question

大家好，我正在对这个FusionCharts进行评估，但我总是遇到一些问题。我收到此错误，但不确定why...anybody是否熟悉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> 

Answer 1

固定it....FusionCharts将在这里加载！

必须在JS之前

Answer 2

创建FusionCharts对象时，第五个参数是DOM元素，应在该元素中进行呈现。有关详细信息，请参阅此处

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

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

Fusion图表对象是这样创建的：$pie3dChart = new FusionCharts("pie3d", "ex2", "100%", 400, "chart-1", "json", ....这里的字符串“ chart -1div”是DOM元素id，因此您应该在文档中有一个，如下面的<div id="chart-1"></div>，它将是进行呈现的位置。

Answer 3

在加载融合图表时，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>标记之后