Set size of range bands in LinearGauge?

[Fred]

I have recently started to work with the LinearGauge control, but don't see a way to increase the size of the colored bands that define the ranges.  The bands are very thin, giving the gauge somewhat the appearance of a thermometer.  I would like thicker bands that are easier to see at a glance -- for a horizontal gauge, this would be a height increase in the bands; for a vertical gauge, a width increase.  The scale.rangeSize option accomplishes this for a RadialGauge, but is there any similar setting for a LinearGauge?  Alternatively, are there style settings that could do the same thing?

Regards,
Fred

[Fred]

To answer my own question: The scale.rangeSize for RadialGauge objects also works for LinearGauge objects, solving the problem.

While the two kinds of gauges are documented separately and presented as separate controls, it is clear that many of the settings described only for one kind also work for the other.  The KendoUI documentation should be changed to reflect this.

Fred

[Hristo Germanov]

Hello Fred,

Thank you for the reporting this issue. I will update the documentation.

I have updated your telerik points.

Regards,
Hristo Germanov
Telerik

 

 

[Jeff Benson]

I'm using the latest Kendo UI MVC release (2016.2.504). I too wanted to set the rangeSize for linear gauge but, despite the documentation, the option no longer seems to be available via HTML or MVC helper. Has the ability to change the size of the range bands in the linear gauge been removed in a recent release? The 2016.1 release has the same issue.

[Dimiter Madjarov]

Hello Jeff Benson,

The scale.rangeSize option is still available in the widget. Here is a small example of it in action.

Regards,
Dimiter Madjarov
Telerik

 

 

[Jeff Benson]

Thanks Dimiter. I was able to run the example code in my project. I would like to point out that, unlike the Radial Gauge, there are no MVC LinearGaugeBuilder functions for setting RangeSize or RangeDistance. This is regrettable but not an insurmountable issue.

However, I also found that the scale.rangeSize option is ignored when it is set to a value of zero (both the linear and radial gauges). For my customized linear gauge I was hoping to set a series of range values but hide the range bands from being displayed. The idea is to change the color of the value bar to match the range color when the value falls within a particular range. All the other linear gauge UI elements - line, ticks, labels, etc. can be easily hidden but the range band is always visible when one or more ranges are defined. Is there a style element one can set to hide the range band UI even when ranges are defined?

Jeff

[Dimiter Madjarov]

Hello Jeff Benson,

This behavior could be configured by applying an opacity property to the ranges. Setting it to zero will hide them. Here is the updated example.

Regards,
Dimiter Madjarov
Telerik