Activity Gauge

Comments

5 comments

  • Avatar
    Brian Wilson

    Fancy!

  • Avatar
    Simon Tuson

    This is cool.

    I'm struggling to fit exactly with what I need. Two changes that maybe somebody can guide me on.

    1. Remove the underlying full ring. In other words only show the solid color and hide the underlying full tinted ring.
    2. Force the sort order from the outside in (low to high or high to low)

    Duplicated this widget and trying to make the changes

  • Avatar
    Ronen Avidor

    Hi Simon,

    I will take a look and will keep you posted!

    Thanks,

    Ronen

  • Avatar
    Ronen Avidor

    Hi Simon,

    looking at the Highchart documentation, this looks like this is the designed behavior of an Activity Gauge.

    Ronen 

  • Avatar
    Simon Tuson

    I looked at the high chart code and found two things:

    1. Change the background opacity value in ActivityGauge.js to 0
    2. I can switch from a full 360 circle to 270 degree by adjusting the endAngle to 270 in ActivityGauge.js 
    3. I missed the option ion the widget to sort values

    The end result is

     

Please sign in to leave a comment.