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

    1、静态页面

    Doughnut.html:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <title>FusionCharts Doughnut2D</title>
    	
        <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
        <meta http-equiv="description" content="this is my page">
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="../scripts/jquery-2.0.3.js"></script>
        <script type="text/javascript" src="../scripts/Charts/FusionCharts.js"></script>
        <script type="text/javascript">
            $(function(){
                  var doughnut2D = new FusionCharts( "../scripts/Charts/Doughnut2D.swf", "doughnut2DId", "100%", "540", "0" );
          		  doughnut2D.setXMLUrl("data/doughnut2D.xml");
                  doughnut2D.render("doughnut2DChart");
            });
        </script>
    
      </head>
      
      <body>
        <div id="doughnut2DChart"></div>
      </body>
    </html>
    

    2、XML数据源

    doughnut2D.xml:

    <?xml version="1.0" encoding="UTF-8"?>
    <chart caption='一周收入' showPercentageValues='1' baseFont='微软雅黑' baseFontSize='16'
           baseFontColor='#00FF00' showLegend='1' legendPosition='BOTTOM' legendIconScale='0'
           legendBorderColor='#0000FF' legendShadow='1' legendAllowDrag='1'>
       <set label='星期一' value='895645' />
       <set label='星期二' value='154511' />
       <set label='星期三' value='562111' />
       <set label='星期四' value='451211' />
       <set label='星期五' value='356124' />
       <set label='星期六' value='754544' />
       <set label='星期日' value='454212' />
    </chart>
             
    

    3、运行结果


  • 相关阅读:
    void*指针的由来
    Linux下的ELF文件格式简介
    通过中断门或陷阱门的转移——【只上传好图一张】
    ELF(Executable and Linking Format)
    call Init8259A——痛定思痛,不要数典忘祖了
    orange's习题——第三章【中断和异常】
    静态库
    可执行文件elf的格式
    谈谈我对攻读计算机研究生的看法
    tips for C
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315434.html
Copyright © 2011-2022 走看看