jQuery UI Widgets Forums Gauges and Maps Gauges JqxGauge animation not working

Tagged: ,

This topic contains 2 replies, has 2 voices, and was last updated by  Hristo 4 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • JqxGauge animation not working #107544



    I have an Angular app and I cannot get the animation on the JqxGauge to work. The gauge is displayed, but when the page loads, the needle already points at my value (90). Rather than animating up to it.

    Also, my label (which reads “90mph”) is displaying underneath the gauge, rather than inside it.

    My code is exactly the same as the demo here, using the circular one:

    I notice in the demo, the component is implementing AfterViewInit, but there is no implementation of the method ngAfterViewInit(). So I have an empty method.
    I added a console log to the method onValueChanging(). I get 120 console logs, and the value for all of them is 90 (as opposed to going up to 90 gradually. My animationDuration is set to 1200, so to get 120 print outs makes sense).

    Can anyone help with this please or provide pointers?


    JqxGauge animation not working #107546


    Okay, really bad error, there actually was an ngAfterViewInit() method that I had missed… I was looking for it at the bottom before!

    So I’ve fixed the animation but still have the issue with the label showing underneath?

    JqxGauge animation not working #107572


    Hello ChrisB84,

    It seems the style settings do not reflect on the element.
    Please, try to refresh that.
    I would like to suggest you look at this example.
    Another option you could try to set these styles from app.component.css file to styles.css file.

    Best Regards,
    Hristo Hristov

    jQWidgets team

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

You must be logged in to reply to this topic.