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

1、实例代码：

！2D面积图/title脚本类型=' text/JavaScript ' src=' http : js/jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' src=' http : js/high charts。js '/script script type=' text/JavaScript ' $(function(){ $(' # Arechart ')).高级图表({ chart: { type: 'area' }，title: { text: '(jb51.net))统计年收入}，副标题： { text: '' }，xaxis : { labels : { formatter : function(){ return this。价值；} }，Yaxis : { title : { text : '月收入}，标签: { formatter : function(){返回此。值/2000 ' k '；} }，工具提示： { pointformat :"{ series。name } { point。y :0f}br/{point.x}' }，plot options 3360 { area : { point start : 1840 }，marker: { enabled: true，symbol: 'circle '，radius: 1，States : { hover 3: { enabled 3: }张三，data: [784，645，5623，8945，42121，6895，1451，3212，1100，2359，369，640，1005，1436，2063，3057，4618，6444，9822，15468，20434，24126，27387，2994李四，data: [9865，7845，1245，9565，4512，5644，1245，6532，7845，4512，4512，2589，5000，1920，1520，2600，4026，660，869，1060，1605，2471，3322，4238，});/script/head body div id=' AreChart ' style=' width : 1200 px；高度： 550像素；边距： 0自动/div/body/html 2，运行效果图如下：

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

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

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