本文实例讲述了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 ' $(function(){ $(' # halfDonutChart ')).高图表({ chart : { plotbackground color : ' # 878788 '，plotBorderWidth: '50px '，plotShadow: true }，title: { text: '2014年3月第一周人数分布情况，align: '中心'，verticalAlign: '中间'，y: 100 }，工具提示： { pointformat : ' { series。名称} : {点。百分比：1 f } % ' }，绘图选项3360 {饼图： {数据标签: {启用d : true，距离： -80，样式33: {字体粗细33330 }人数比例，innerSize: '50% '，data: [ ['星期一', 878454], ['星期二', 542155], ['星期三', 415542], ['星期四', 651212], ['星期五', 874545], ['星期六', 326566], ['星期日', 984545] ] }] });});/script/head body div id=' halfDonutChart ' style=' width : 1250 px；高度： 550像素；边距： 0自动/div/body/html 2，运行效果图：

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

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

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