jQuery插件FusionCharts实现的2D面积图效果示例【附演示源码下载】

本文实例讲述了jQuery插件FusionCharts实现的2D面积图效果。分享给大家供大家参考，具体如下：

1、实现代码：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=utf-8 '/title fusion charts 2d面积图/title脚本类型=' text/JAVAScript ' src=' http : jquery-1。7 .2 .量滴js /脚本类型=' text/JavaScript ' src=' http : FusionCharts/FusionCharts。js /脚本类型=' text/JavaScript ' src=' http : FusionCharts/FusionCharts。图表。js /脚本类型='text/javascript' FusionCharts我们)年度收入，'子协议： ' '，xAxisName': '季度，' yAxisName': '收入，'数字前缀' : '1 '，' paletteColors ' : ' # 1275c2 '，' bgColor': '#CCCCCC '，' showBorder': '1 '，' showCanvasBorder': '1 '，' plotBorderAlpha ' : ' 10 '，' usePlotGradientColor': '10 '，' plotFillAlpha ' : ' 50 '，' showXAxisLine ' : ' 1 '，' axi净)第一季度，' value': '59865' }，{ 'label': '(jb51.net)第二季度，' value': '63254' }，{ 'label': '(jb51.net)第三季度，' value': '34256' }，{ 'label': '(jb51.net)第四季度，' value': '89562' } ] }).render()；});/script/head body div id=' Are2d '/div/body/html 2，实现效果图：

附：完整实例代码点击此处本站下载。

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery常用插件及用法总结》 、 《jquery中Ajax用法总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。