jQuery UI Widgets Forums Plugins AngularJS Failing to update Settings for jqx-gauge

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 3 years, 11 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • dconyers
    Participant

    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/


    Dimitar
    Participant

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.