jQuery插件高级图表实现的2D堆条状图效果示例【附演示源码下载】

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

1、高图表之2D堆条状图源码

！2D堆条状图/title脚本类型=' text/JavaScript ' src=' http : js/jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' src=' http : js/high charts。js '/script脚本类型=' text/JavaScript ' $(function(){ $(' # stackedBarChart ')).高级图表({ chart: { type: 'bar' }，title: { text: '堆条状图}，xAxis: { categories: ['苹果', '橘子', '梨子', '葡萄', '香蕉] }，yAxis: { min: 0，title: { text: '水果销量} }，图例： {背景色： ' # FFFFFF '，reversed: true }，绘图选项3360 {系列： {堆叠： '正常' } }，系列： [{ name: '星期一，data: [50，34，45，77，28] }，{ name: '星期二，data: [92，32，43，22，61] }，{ name: '星期三，data: [83，44，54，12，59] }，{ name: '星期四，data: [63，94，67，23，12] }，{ name: '星期五，data: [57，64，24，37，98] }，{ name: '星期六，data: [34，12，44，65，32] }，{ name: '星期日，data: [67，47，23，96，23]}]})；});/script/head body div id=' stackedBarChart ' style=' width : 1200 px；高度： 550像素；边距： 0自动/div/body/html 2，运行结果

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

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

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