Configures the scale.
The end angle of the gauge.
Configures the scale labels.
The background color of the labels.
Any valid CSS color string will work here, including hex and rgb
The border of the labels.
color:
String(default: "black")
The color of the border. Any valid CSS color string will work here, including hex and rgb.
The dash type of the border.
-
"solid"
-
Specifies a solid line.
-
"dot"
-
Specifies a line consisting of dots.
-
"dash"
-
Specifies a line consisting of dashes.
-
"longDash"
-
Specifies a line consisting of a repeating pattern of long-dash.
-
"dashDot"
-
Specifies a line consisting of a repeating pattern of dash-dot.
-
"longDashDot"
-
Specifies a line consisting of a repeating pattern of long-dash-dot.
-
"longDashDotDot"
-
Specifies a line consisting of a repeating pattern of long-dash-dot-dot.
width:
Number(default: 0)The text color of the labels.
Any valid CSS color string will work here, including hex and rgb.
font:
String(default: "12px Arial,Helvetica,sans-serif")
The font style of the labels.
The format of the labels.
Example
$("#radial-gauge").kendoRadialGauge({
scale: {
labels: {
// set the format to currency
format: "{0:C}"
}
}
});
margin:
Number|Object(default: 0) The margin of the labels.
padding:
Number | Object(default: 0) The padding of the labels.
The label template.
Template variables:
Example
// chart intialization
$("#radial-gauge").kendoRadialGauge({
scale: {
labels: {
// labels template
template: "#= value #%"
}
}
});
The visibility of the labels.
Configures the scale major ticks.
The color of the major ticks.
Any valid CSS color string will work here, including hex and rgb.
The major tick size.
This is the length of the line in pixels that is drawn to indicate the tick on the scale.
width:
Number(default: 0.5) The width of the major ticks.
The interval between major divisions.
The maximum value of the axis.
The minimum value of the axis.
Configures the scale minor ticks.
The color of the minor ticks.
Any valid CSS color string will work here, including hex and rgb.
The minor tick size.
This is the length of the line in pixels that is drawn to indicate the tick on the scale.
width:
Number(default: 0.5) The width of the minor ticks.
The interval between minor divisions.
The ranges of the scale.
The range fields:
-
"from"
-
The start position of the range in scale units.
-
"to"
-
The end position of the range in scale units.
-
"color"
-
The color of the range.
Any valid CSS color string will work here, including hex and rgb.
Example
$("#radial-gauge").kendoRadialGauge({
scale: {
ranges: [{
from: 10,
to: 20,
color: "green"
}]
}
});
The start angle of the gauge.