I'm evaluating the IgniteUI JQUERY control igLinearGauge and can't determine if it has the capability I need. I essentially need multiple scales. An easy example is a thermometer where both Celsius and Fahrenheit are displayed and the temperature range is colored warm, cold, freezing. In my scenario the user will be able to select from only one scale, for example celsius, by dragging the needle.
Two of the three (scale and range coloring) are easily supported and there are good examples to quickly configure them, but, I don't see how a second range can be shown on the gauge.
I looked through this blog but no dice
http://es.infragistics.com/community/blogs/marina_stoyanova/archive/2013/11/04/how-to-express-your-data-using-ignite-ui-s-jquery-linear-gauge-control.aspx
Can anyone confirm a multi-scale configuration is supported? Any samples available to demonstrate how this is done?
Thanks,
Tim
Thank you Very much Diyan.This matches my exact requirement. I will mail you if I need any help more on this..
Hi Ramesh,
Here is a modified version of the Needle Dragging sample with two linear gauges and two needles that can be moved:
http://jsfiddle.net/8RQzb/1/
Basically the top most linear gauge is handling the events and the needle of the backing one is not moved. I have added a logic to determine which gauge's needle is moved.
Diyan
Hi Diyan,
I have made transparent for the background and I am able to see the linear guage with two scales. But my problem is how can I drag the second needle as it is in background. Now I am able to drag only one needle.
Thank you in advance.
Ramesh D
Hi Tim,
Sorry for the late response. Currently the igLinearGauge does not support multiple scales out of the box. One possible way to achieve this is to overlay two linear gauges - one of them containing only the scale and to set its background to transparent. Let me know if you need a sample.
Diyan Dimitrov