FusionCharts 3D饼图

最新推荐文章于 2023-01-07 15:41:53 发布

翱翔天地

最新推荐文章于 2023-01-07 15:41:53 发布

阅读量2.4k

点赞数 1

分类专栏： JQuery Web FusionChart HTML CSS 文章标签： fusioncharts 3D 饼图 HTML XML

本文链接：https://blog.csdn.net/you23hai45/article/details/18015479

版权

Web 同时被 3 个专栏收录

264 篇文章 0 订阅

订阅专栏

JQuery

222 篇文章 2 订阅

订阅专栏

HTML

131 篇文章 0 订阅

订阅专栏

1、3D饼图的页面

pie3D.html：

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>FusionCharts 3D饼图</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"><script type="text/javascript" src="../script/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="../script/Charts/FusionCharts.js"></script>
        <style type="text/css">
            body{
                width:98%;
                height:100%;
                font-size:12px;
            }
            #pie3DChart{
                width:100%;
            }
        </style>
        <script type="text/javascript">
            $(function(){
                var pie3D = new FusionCharts( "../script/Charts/Pie3D.swf", "myChartId", "100%", "520", "0" );
                pie3D.setXMLUrl("data/pie3D.xml");
                pie3D.render("pie3DChart");   
            });
        </script>
    </head>
    <body>
        <div id="pie3DChart"></div>
    </body>
</html>

2、数据源

pie3D.xml：

<?xml version="1.0" encoding="UTF-8"?>
<chart caption='2013年某一周过桥车辆统计' showPercentValues='1' baseFont='微软雅黑' baseFontSize='20' baseFontColor='#00FFFF'
       showLegend='1' legendPosition='BOTTOM' legendCaption='人数' legendIconScale='2' legendBgColor='#FFFFFF' legendBgAlpha='50'
       legendBorderColor='#FF0000' legendBorderThickness='1' legendBorderAlpha='50' legendShadow='1' legendAllowDrag='1' 
       legendScrollBgColor='#AAAAAA' legendScrollBarColor='#777777' reverseLegend='1' interactiveLegend='1' legendNumColumns='0'
       minimiseWrappingInLegend='1' showBorder='0'>
    <set label='星期一' value='56210' />
    <set label='星期二' value='63012' />
    <set label='星期三' value='12045' />
    <set label='星期四' value='34512' />
    <set label='星期五' value='28956' />
    <set label='星期六' value='85742' />
    <set label='星期日' value='98765' />
</chart>

3、运行结果

翱翔天地

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
FusionCharts 3D饼图

1、3D饼图的页面pie3D.html：<!--To change this license header, choose License Headers in Project Properties.To change this template file, choose Tools | Templatesand open the template in the editor.-
复制链接

扫一扫