本文主要介绍了jquery插件fusioncharts绘制的2d条状图效果,结合完整实例形式分析了jquery使用fusioncharts插件绘制2d条状图的具体步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下,希望能帮助到大家。
1、设计思路
(1)了解条状图的一些特性和共性,掌握其特性;
(2)根据FusionCharts设计条理,设置静态页面和数据源;
(3)引入条状图,设置其属性。
2、设计步骤
(1)设计生成条状图的脚本
$(function(){
var bar2D = new FusionCharts( "FusionCharts/Bar2D.swf", "myChartId", "100%", "540", "0" );
bar2D.setXMLUrl("bar2D.xml");
bar2D.render("bar2DChart");
});(2)设计数据源
(3)引入FusionCharts条状图
3、完整实例代码:
FusionCharts 2D条状图
4、运行效果图:

相关推荐:










