Set ranges start and end dynamically without refresh

[Wushuang Bai]

Hi syncfusion support,

        I'm developing a speedometer, where I'm loading data to set the pointers dynamically, and this works well.

        But I also want to set the ranges start and end dynamically (to show some changing range as demanded).

        I know I can do it by setting them then refresh the circular gauge. But I'm loading my data stream to the pointers.  Once I refresh the gauge,  the pointers are also refreshed.

        Is there any way I can set the ranges without refreshing my pointers data ?  Or at least not affecting it ?

        I'm using Javascript(ES5).

        Thanks for your support in advance, any help is appreciated !

Best regards,

Wushuang

[Baby Palanidurai]

Hi Wushuang, 

Greetings from Syncfusion. 

We have analyzed your query. When you change the some of the gauge properties and refresh the gauge, then all the properties will be refreshed for gauge. We couldn’t refresh gauge only with the particular properties. In your case, you are changing the ranges and pointers so that’s why gauge refreshed with ranges and pointers. If you want to refresh the gauge only with ranges, you can refresh the old pointer value after the ranges refresh. Else, you can change the property which you want to refresh with gauges. 

Sample link: https://stackblitz.com/edit/7tmgny?file=index.js 

Kindly revert us, if you have any concerns. 

Regards, 

Baby.