Fatal编程技术网

ASP.NET中的Javascript量规控件

javascript jquery html asp.net

ASP.NET中的Javascript量规控件,javascript,jquery,html,asp.net,justgage,Javascript,Jquery,Html,Asp.net,Justgage,我试图用下面的代码实现仪表控制，但没有得到任何输出，尽管当我在html文件中尝试同样的方法时，我得到了3个仪表的输出 我改为$document.ready，而不是链接中提到的window.onload。但这没用 我是Javascripts或JQuery的初学者。请让我知道如何做到这一点 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content

我试图用下面的代码实现仪表控制，但没有得到任何输出，尽管当我在html文件中尝试同样的方法时，我得到了3个仪表的输出

我改为$document.ready，而不是链接中提到的window.onload。但这没用

我是Javascripts或JQuery的初学者。请让我知道如何做到这一点

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
      body {
        text-align: center;
      }

      #g1, #g2, #g3 {
        width:200px; height:160px;
        display: inline-block;
        margin: 1em;
      }

      p {
        display: block;
        width: 450px;
        margin: 2em auto;
        text-align: left;
      }
    </style>
   <script src="raphael.2.1.0.min.js" type="text/javascript"></script>
    <script src="justgage.1.0.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        var g1, g2, g3;

        window.onload = function () {
            var g1 = new JustGage({
                id: "g1",
                value: getRandomInt(350, 980),
                min: 350,
                max: 980,
                title: "Lone Ranger",
                label: "miles traveled"
            });

            var g2 = new JustGage({
                id: "g2",
                value: 32,
                min: 50,
                max: 100,
                title: "Empty Tank",
                label: ""
            });

            var g3 = new JustGage({
                id: "g3",
                value: 120,
                min: 50,
                max: 100,
                title: "Meltdown",
                label: ""
            });

            setInterval(function () {
                g1.refresh(getRandomInt(350, 980));
                g2.refresh(getRandomInt(0, 49));
                g3.refresh(getRandomInt(101, 200));
            }, 2500);
        };
    </script>

    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="g1"></div>
    <div id="g2"></div>
    <div id="g3"></div>
    </div>
    </form>
</body>
</html>
你可以试试jqChart的仪表-

它们有很多示例和丰富的功能

免责声明：我为jqChart工作

最好的，马克西姆·米列夫