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

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

1、实现源码：

！DOCTYPE html html head meta charset=' UTF-8 ' title fusion charts 2d饼图/title脚本src=' http : js/jquery-1。4 .2 .量滴js '/script脚本类型=' text/JAVAScript ' src=' http : js/fusion charts。js '/脚本样式体，html { width : 99%；高： 98%;字体系列： '微软雅黑；font-size : 12px} /style脚本$(文档)。ready(function(){ FusionCharts。ready(function(){ var年龄组图表=new FusionCharts({ type : ' pie 2d '，renderAt: 'pie2D '，width: '1350 '，height: '650 '，dataFormat: 'json '，数据源： { ' chart ' : { ' caption ' : '我们统计2016年每个季度的收入比例，' subCaption': ' '，' paletteColors ' : ' # 0075c2，#1aaf5d，#f2c500，#f45b00，#8e0000 '，' bgColor': '#ffffff '，' showBorder': '0 '，' use3DLighting': '0 '，' showShadow': '0 '，' enableSmartLabels': '0 '，' startingAngle ' :数据' : [ { '标签' : '我们第一季度，' value': '255040' }，{ 'label': '我们第二季度，' value': '689545' }，{ 'label': '我们第三季度，' value': '784595' }，{ 'label': '我们第四季度，' value': '325848' } ] }).render()；});});/script/head body div id=' Pie2d '/div/body/html 2、实现效果图：

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

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

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