扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文实例讲述了jQuery插件FusionCharts绘制的2D条状图效果。分享给大家供大家参考，具体如下：
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、雅安服务器托管、营销软件、网站建设、陇南网站维护、网站推广。
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）设计数据源
<?xml version="1.0" encoding="UTF-8"?>
（3）引入FusionCharts条状图
3、完整实例代码：
FusionCharts 2D条状图
4、运行效果图：
附：完整实例代码点击此处本站下载。
注：该源码需要放到服务器环境下运行！否则无法加载xml文件数据。
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网