这篇文章主要介绍了FusionCharts如何实现2D柱状图和折线图的组合图 ，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联建站提供高防服务器、云服务器、香港服务器、绵阳机房托管等

1、设计思路

（1）了解组合图的特性以及用法，选用图的类型；

（2）设计出两根柱子和两根折线，分开展示。

2、设计步骤

（1）设计页面

Column2DLine.html：

  
    
	
    
    
    
    
    
    
        $(function(){
              var column2DLine = new FusionCharts( "../scripts/Charts/MSCombi2D.swf", "doubleAreaId", "100%", "540", "0" );
      		  column2DLine.setXMLUrl("data/columnLine.xml");
              column2DLine.render("columnLine");
        });
    

  
  
  
    

  

（2）设计出数据源

columnLine.xml：

3、设计结果

感谢你能够认真阅读完这篇文章，希望小编分享的“FusionCharts如何实现2D柱状图和折线图的组合图 ”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

文章标题：FusionCharts如何实现2D柱状图和折线图的组合图-创新互联
本文URL：http://myzitong.com/article/gespe.html