jQWidgets jqxGauge RadialGauge ranges Property

jQWidgets jqxGauge RadialGauge ranges Property

<!DOCTYPE html>

<html lang="en">

    

<head>

  <link rel="stylesheet" 

        href="jqwidgets/styles/jqx.base.css" 

        type="text/css" />

  <script type="text/javascript" 

          src="scripts/jquery-1.11.1.min.js">

  </script>

  <script type="text/javascript" 

          src="jqwidgets/jqxcore.js">

  </script>

  <script type="text/javascript" 

          src="jqwidgets/jqxchart.js">

  </script>

  <script type="text/javascript" 

          src="jqwidgets/jqxgauge.js">

  </script>

</head>

    

<body>

    <center>

        <h1 style="color: green;">

          Zentica

        </h1>

        

        <h3>jQWidgets jqxGauge ranges property</h3>

        

        <div id="gauge"></div>

    </center>

    

    <script type="text/javascript">

        $(document).ready(function () {

            $("#gauge").jqxGauge({

                ranges: [{ 

                    startValue: 0, 

                    endValue: 220},

                ],

                value: 20

            });

        });

    </script>

</body>

</html>

You may also be interested in