最新版FusionCharts3D柱状图

最新推荐文章于 2024-07-02 10:45:19 发布

采精小蝴蝶

最新推荐文章于 2024-07-02 10:45:19 发布

阅读量605

点赞数

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

版权

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

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

1、实现源码

<!DOCTYPE html><html> <head>  <meta charset="UTF-8">  <title>FusionCharts最新版FusionCharts3D柱状图</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: "arial rounded mt bold";    font-size: 12px;   }  </style>  <script>   $(document).ready(function(){    FusionCharts.ready(function () {        var column3DChart = new FusionCharts({            type: 'column3d',            renderAt: 'column3D',            width: '1350',            height: '650',            dataFormat: 'json',            dataSource: {                "chart": {                    "caption": "一年收入统计",                    "xAxisName": "月份",                    "yAxisName": "收入明细",                    "paletteColors": "#0075c2",                    "valueFontColor": "#000000",                    "baseFont": "Helvetica Neue,Arial",                    "captionFontSize": "16",                    "subcaptionFontSize": "16",                    "subcaptionFontBold": "1",                    "placeValuesInside": "0",                    "rotateValues": "1",                    "showShadow": "0",                    "divlineColor": "#999999",                                   "divLineIsDashed": "1",                    "divlineThickness": "1",                    "divLineDashLen": "1",                    "divLineGapLen": "1",                    "canvasBgColor": "#ffffff"                },                    "data": [                    {                        "label": "一月",                        "value": "3689"                    },                    {                        "label": "二月",                        "value": "5874"                    },                    {                        "label": "三月",                        "value": "4512"                    },                    {                        "label": "四月",                        "value": "6785"                    },                    {                        "label": "五月",                        "value": "1568"                    },                    {                        "label": "六月",                        "value": "2745"                    },                    {                        "label": "七月",                        "value": "4758"                    },                    {                        "label": "八月",                        "value": "9652"                    },                    {                        "label": "九月",                        "value": "3425"                    },                    {                        "label": "十月",                        "value": "2014"                    },                    {                        "label": "十一月",                        "value": "3652"                    },                    {                        "label": "十二月",                        "value": "7421"                    }                ]            }        });        column3DChart.render();    });   });  </script> </head> <body>  <div id="column3D"></div> </body></html>