最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery插件FusionCharts实现的2D饼状图效果,附demo源码下载
时间:2017-05-18 编辑:简简单单 来源:一聚教程网
1、实现源码:
代码如下 | 复制代码 |
body,html{ width: 99%; height: 98%; font-family:"微软雅黑"; font-size: 12px; }
$(document).ready(function(){ FusionCharts.ready(function() { varageGroupChart =newFusionCharts({ type:'pie2d', renderAt:'pie2D', width:'1350', height:'650', dataFormat:'json', dataSource: { "chart": { "caption":"脚本之家统计2016年每个季度的收入比例", "subCaption":"", "paletteColors":"#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000", "bgColor":"#ffffff", "showBorder":"0", "use3DLighting":"0", "showShadow":"0", "enableSmartLabels":"0", "startingAngle":"0", "showPercentValues":"1", "showPercentInTooltip":"0", "decimals":"2", "captionFontSize":"14", "subcaptionFontSize":"14", "subcaptionFontBold":"0", "toolTipColor":"#ffffff", "toolTipBorderThickness":"0", "toolTipBgColor":"#000000", "toolTipBgAlpha":"80", "toolTipBorderRadius":"2", "toolTipPadding":"5", "showHoverEffect":"1", "showLegend":"1", "legendBgColor":"#ffffff", "legendBorderAlpha":'0', "legendShadow":'0', "legendItemFontSize":'10', "legendItemFontColor":'#666666' }, "data": [ { "label":"脚本之家第一季度", "value":"255040" }, { "label":"脚本之家第二季度", "value":"689545" }, { "label":"脚本之家第三季度", "value":"784595" }, { "label":"脚本之家第四季度", "value":"325848" } ] } }).render(); }); });
|
2、实现效果图:
附:完整实例代码点击此处本站下载。