這篇文章主要為大家展示了“FusionCharts 3D雙柱狀圖的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“FusionCharts 3D雙柱狀圖的示例分析”這篇文章吧。

1、3D雙柱狀圖頁面源碼如下

doubleColumn3D.html：

    
        
        
        
        
        
        
            body{
                width:99%;
                height:100%;
                font-size:12px;
            }
            #doubleColumn3DChart{
                width:100%;
            }
        
        
            $(function(){
                var column3D = new FusionCharts( "../script/Charts/MSColumn3D.swf", "myChartId", "100%", "520", "0" );
                column3D.setXMLUrl("data/doubleColumn3D.xml");
                column3D.render("doubleColumn3DChart");   
            });
        
    
    
        

    

2、3D雙柱狀圖數據源

doubleColumn3D.xml：

3、運行結果如下圖

（1）初始化時

（2）點擊圖例2012時

（3）點擊圖例2013時

（4）點擊圖例2012和圖例2013時

以上是“FusionCharts 3D雙柱狀圖的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！