• Recent
    • Tags
    • Popular
    • Register
    • Login

    Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.

    Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website Mango 5 Documentation Website

    How To Add "Chart is Rendering..." Indicator

    Dashboard Designer & Custom AngularJS Pages
    3
    5
    2.1k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      JHuckins
      last edited by

      When the chart initially renders, or re-renders when the user changes the data, I want to provide some graphic indication, such as an animated gif, that appears anytime my chart is changing, then automatically goes away when that change has completed.

      Is there a built-in Mango Dashboards way to do that, or a loading flag I can access to do this myself?

      1 Reply Last reply Reply Quote 0
      • Jared WiltshireJ
        Jared Wiltshire
        last edited by

        You could try something like this -

        <div layout layout-align="center center" style="height: 300px">
          <md-progress-circular class="md-accent" md-diameter="70" ng-if="!(point1Values.length && point2Values.length)"></md-progress-circular>
          <ma-serial-chart style="height: 100%; width: 100%" ng-if="point1Values.length && point2Values.length" ....etc... ></ma-serial-chart>
        </div>
        

        Developer at Radix IoT

        1 Reply Last reply Reply Quote 0
        • J
          JHuckins
          last edited by

          Thanks Jared. Where can I find API docs for md-progress-circular? I only know of the Dashboard API, and I don't see it there.

          1 Reply Last reply Reply Quote 0
          • phildunlapP
            phildunlap
            last edited by

            It's part of Angular Material, which is a component framework that's included in the dashboard module.

            That specific directive is documented here: https://material.angularjs.org/latest/api/directive/mdProgressCircular
            Angular Material is documented in general here: https://material.angularjs.org/latest/

            J 1 Reply Last reply Reply Quote 0
            • J
              JHuckins @phildunlap
              last edited by

              @phildunlap Thanks. Very helpful.

              1 Reply Last reply Reply Quote 0
              • First post
                Last post