最新版FusionCharts2D饼图

最新推荐文章于 2019-02-19 17:14:53 发布

采精小蝴蝶

最新推荐文章于 2019-02-19 17:14:53 发布

阅读量263

点赞数

本文链接：https://blog.csdn.net/jrrfgj/article/details/84138219

版权

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

1、实现源码

<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title>最新版FusionCharts2D饼图</title>  <script src="../js/jquery-3.0.0.js"></script>  <script type="text/javascript" src="../js/FusionCharts/fusioncharts.js" ></script>  <style>   body,html{    width: 99%;    height: 98%;    font-family: "微软雅黑";    font-size: 12px;   }  </style>  <script>   $(document).ready(function(){    FusionCharts.ready(function () {        var ageGroupChart = new FusionCharts({            type: 'pie2d',            renderAt: 'pie2D',            width: '1350',            height: '650',            dataFormat: 'json',            dataSource: {                "chart": {                    "caption": "统计2015年每个季度的收入比例",                    "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();    });   });  </script> </head> <body>  <div id="pie2D"></div> </body></html>