Building on the Quick Start example, you can change the location of the beginning and ending points of the gauge using the startAngle, and sweepAngle options.
- In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which sets the startAngle to 300 degrees clockwise around the face from the left of the origin, and the sweepAngle to 300 degrees around the face from the startAngle.
Drop down and copy script to paste in <head> section
| Script |
Copy Code |
<script type="text/javascript">
$(document).ready(function () {
$("#radialgauge1").wijradialgauge({
value: 180,
max: 200,
min: 0,
startAngle: 300,
sweepAngle: 300
});
});
</script> |
- No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the gauge.
- Save your HTML file and open it in a browser. The gauge appears like the one in the live widget below, with the lowest number at the bottom left and the highest number at the bottom right.
See Also
