JQuery图表插件jquery.flot.js

来源:互联网 发布:sunday算法 python 编辑:程序博客网 时间:2024/05/17 20:31
<html>
<head>
    <title>线图</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--[if IE]><script language="javascript" type="text/javascript" src="flot/excanvas.min.js"></script><![endif]-->
    <script type="text/javascript" src="media/js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="media/js/jquery.flot.js"></script>
    <script type="text/javascript" src="media/js/jquery.flot.stack.js"></script>
</head>
<body>
    <div id="placeholder" style="width:550px;height:200px;"></div>
</body>
<script type="text/javascript">
    $(function () {
        var d1 = [];
        for (var i = 0; i < 14; i += 0.5)
            d1.push([i, Math.sin(i)]);


        var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];


        // a null signifies separate line segments
        var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];


        $.plot($("#placeholder"), [d1, d2, d3]);
    });
</script>
</html>
0 0