wijradialgauge jQuery Widget

Create dials and speedometers with customized start and sweep angles, tick marks, ranges, and pointers.

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    var options; // Type:  wijmo.gauge.wijradialgauge.options
     
    $(".selector").wijradialgauge(options);
});

function wijradialgauge() : any;

Options

	Name	Description
	animation	Type: wijmo.gauge.gauge_animation Defines the animation effect, controlling aspects such as duration and easing.
	autoResize	Default value: true A value that indicates whether to redraw the gauge automatically when resizing the gauge element.
	cap	Type: wijmo.gauge.radialgauge_cap Sets the size, color, and other properties of the circle at the center of the gauge that anchors the pointer.
	face	Type: wijmo.gauge.gauge_face Sets or draws the image or shape to use for the face of the gauge and the background area.
	height	Default value: 400 Sets the height of the gauge area in pixels.
	isInverted	Default value: false Determines whether to render the gauge in reverse order, with the numbering going from highest to lowest.
	islogarithmic	Default value: false The islogarithmic option, inherited from the jquery.wijmo.wijgauge.js base class, indicates whether to use logarithmic scaling for gauge label numeric values.
	labels	Type: wijmo.gauge.gauge_label Sets all of the appearance options of the numeric labels that appear around the edge of the gauge.
	logarithmicBase	Default value: 10 The logarithmicBase option, inherited from the jquery.wijmo.wijgauge.js base class, indicates the logarithmic base to use if the islogarithmic option is set to true. The logarithmic base is the number to raise to produce the exponent.
	marginBottom	Default value: 0 Sets a value in pixels that indicates where to render the bottom edge of the gauge face.
	marginLeft	Default value: 0 Sets a value in pixels that indicates where to render the left edge of the gauge face.
	marginRight	Default value: 0 Sets a value in pixels that indicates where to render the right edge of the gauge face.
	marginTop	Default value: 0 Sets a value in pixels that indicates where to render the top edge of the gauge face.
	max	Default value: 100 Sets the maximum value of the gauge.
	min	Default value: 0 Sets the minimum value of the gauge.
	origin	Sets the starting point for the center of the radial gauge.
	pointer	Type: wijmo.gauge.gauge_pointer A value that includes all settings of the gauge pointer.
	radius	Default value: 'auto' A value that indicates the radius of the radial gauge in pixels, or use "auto" to have the gauge indicators fill the gauge area.
	ranges	Default value: [] Allows you to create an array of ranges to highlight where values fall within the gauge.
	startAngle	Default value: 0 A value that indicates in degrees where to start the lowest number in the numeric labels and tickMarks around the face of the RadialGauge.
	sweepAngle	Default value: 180 A value that indicates in degrees where to render the highest number in the numeric labels and tickMarks in relation to the startAngle.
	tickMajor	Type: wijmo.gauge.gauge_tick Sets appearance options for the major tick marks that appear next to the numeric labels around the face of the gauge.
	tickMinor	Type: wijmo.gauge.gauge_tick Sets appearance options for the minor tick marks that appear between the numeric labels around the face of the gauge, indicating numeric values between the major tick marks.
	value	Default value: 0 Sets the value of the gauge, indicated by the pointer.
	width	Default value: 600 Sets the width of the gauge area in pixels.

Top

Methods

	Name	Description
	destroy	Remove the functionality completely. This will return the element back to its pre-init state.
	getCanvas	Returns a reference to the Raphael canvas object.
	redraw	Redraw the gauge.
	widget	Returns a jQuery object containing the original element or other relevant generated element.

Top

Events

	Name	Description
	beforeValueChanged	Fires before the value changes, this event can be called.
	painted	Fires before the canvas is painted. This event can be cancelled. "return false;" to cancel the event.
	valueChanged	Fires before the value changes, this event can be called.

Top

Widgets

RadialGauge

Reference

wijradialgauge jQuery Widget