Failing to update Settings for jqx-gauge

[dconyersParticipant]

Hello –

My goal is pretty simple: I’m using Typescript/Angularjs/JQX Gauge and I would like to be able to update the settings (e.g. Range values within GaugeSettings) for a given gauge based on user input. I’ve tried many different mechanisms that seem documented in the API, but I’ve yet to figure this out. Can someone please take a look at the JSFiddle below and let me know what I’m doing wrong? Much appreciated!

The version below is attempting to use the “apply” function, jqx-watch-settings monitor and numerous other tactics with no working solution. I’m sure it’s my fault, but I can’t figure out what I’ve done wrong!

http://jsfiddle.net/dconyers/q3qzqzoc/

[DimitarParticipant]

Hello dconyers,

In changeRangeSettings you have to use this.newMax instead of just newMax, i.e.:

public changeRangeSettings() {
    this.newMax += 100
    this.value = this.newMax - 100;
    this.gaugeSettings.max = this.newMax;
    this.gaugeSettings.ranges[2].endValue = this.newMax;
    this.gaugeSettings.apply("ranges", this.gaugeSettings.ranges);
    this.gaugeSettings.apply("max", this.gaugeSettings.max);
}

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts