How to use jQuery plug-in FusionCharts to achieve 2D pie chart effect
This article mainly explains "how to use jQuery plug-in FusionCharts to achieve 2D pie chart effect". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to use jQuery plug-in FusionCharts to achieve 2D pie chart effect".
1. Implement source code:
FusionCharts2D pie chart body,html {width: 99%; height: 98%; font-family: "Microsoft Yahei"; font-size: 12px } $(document) .ready (function () {FusionCharts.ready (function () {var ageGroupChart = new FusionCharts ({type: 'pie2d', renderAt:' pie2D', width: '1350, height:' 650, dataFormat: 'json' DataSource: {"chart": {"caption": "Statistics on the proportion of income for each quarter in 2016", "subCaption": "", "paletteColors": "# 0075c2, 5d, 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": '0mm, "legendItemFontSize":' 10mm, "legendItemFontColor":'# 66666666'}, "data": [{"label": "first quarter", "value": "255040"} {"label": "second quarter", "value": "689545"}, {"label": "third quarter", "value": "784595"} {"label": "fourth quarter", "value": "325848"}]}}) .render () );})
2. Realize the effect picture:
Thank you for reading, the above is the content of "how to use jQuery plug-in FusionCharts to achieve 2D pie chart effect". After the study of this article, I believe you have a deeper understanding of how to use jQuery plug-in FusionCharts to achieve 2D pie chart effect. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!
