zoukankan      html  css  js  c++  java
  • Flot画饼图

    源代码:

    备注:前面的没有用的代码省~

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>深海的小鱼编制-PLOT</title>
    <script language="javascript"  type="text/javascript" src="jquery.js"></script>
    <script language="javascript" type="text/javascript" src="jquery.flot.js"></script>
    <script language="javascript" type="text/javascript" src="jquery.flot.pie.js"></script>
    <style type="text/css">
    #apDiv1 {
        position:absolute;
        600px;
        height:300px;
        z-index:1;
        left: 200px;
        top: 167px;
    }
    </style>
    </head>

    <body>
    <h1>深海的小鱼儿--饼图</h1>
    <div id="apDiv1" align="center"></div>
    <script type="text/javascript">
    $(function(){
        var data = [
            { label: "Series1",  data: 35},
            { label: "Series2",  data: 30},
            { label: "Series3",  data: 60},
            { label: "Series4",  data: 70},
            { label: "Series5",  data: 80},
            { label: "Series6",  data: 50}
        ];
        $.plot($("#apDiv1"), data,
        {
            series: {
                pie: { show: true}
                    }
        });
    });
    </script>
    </body>
    </html>

    图解:

    2011-4-3-16-16

  • 相关阅读:
    Hive-基本操作
    Hive-安装
    Hive-概述
    游荡二十几天的感想
    js html css
    C#笔试总结
    ubuntu16.04 下 C# mono开发环境搭建
    scoket、TCP、UDP、WebService选型
    虚拟机安装Windows系统,再安装orcale
    Rosetta Stone 不在C盘安装步骤
  • 原文地址:https://www.cnblogs.com/xmphoenix/p/2004463.html
Copyright © 2011-2022 走看看