jQuery插件高级图表绘制2D金字塔图效果示例【附演示源码下载】

本文实例讲述了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脚本类型=' text/JavaScript ' src=' http : js/漏斗。js '/script脚本类型=' text/JavaScript ' $(function(){ $(' # pyra)高级图表({ chart : { type : }金字塔，余量灯： 100 }，标题： { text: '金字塔分布图，x: -50 }，plot options 3360 { series : { datalabels : { enabled : true，format :“{ point。name }({ point。y :0f})'，color: 'black '，softConnector: true } }，legend: { enabled: false }，series: [{ name: '人数，data: [ ['星期一',12], ['星期二',121], ['星期三',265], ['星期四',22131], ['星期五',623231], ['星期六',5545459], ['星期日',51245125] ] }] });});/script/head body div id=' pyramidChart ' style=' width : 1200 px；高度： 500像素；边距： 0自动/div/body/html 2，运行效果图：

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

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

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