Question

大家好，我正在对这个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>

Answer 1

修正了...... 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-1 ”是DOM元素ID，所以你应该在文档中有一个div，就像这个<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>标记

之后编写脚本标记

FusionCharts - 无法找到容器DOM元素

3 个答案: