zoukankan      html  css  js  c++  java
  • FusionCharts 3D饼图

    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{
                    98%;
                    height:100%;
                    font-size:12px;
                }
                #pie3DChart{
                    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、运行结果





  • 相关阅读:
    关于oracle的一些操作
    关于List的一些操作
    XSS挑战赛(2)
    阿里云图床搭建
    XSS挑战赛(1)
    Shiro remeberMe反序列化漏洞复现(Shiro-550)
    HTTP慢速拒绝服务攻击(Slow HTTP Dos)
    从Excel获取整列内容进行批量扫描
    PHP代码审计分段讲解(14)
    PHP代码审计分段讲解(13)
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315470.html
Copyright © 2011-2022 走看看