• 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

    Axes for a Tank Chart

    Dashboard Designer & Custom AngularJS Pages
    2
    4
    1.8k
    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.
    • M
      mangosalsa
      last edited by

      I am trying to add an axis to the left side of the tank from the code below. I feel it should be an easy style or option format but I have not been able to find anything thats worked. Any help would be appreciated.

      <div flex layout="column" layout-gt-sm="row">
          <md-card flex>
              <md-card-content>
                  <ma-get-point-value point-xid="DP_290412" point="myPoint1">
                  </ma-get-point-value>
      
                  <p>"{{myPoint1.name}}" {{myPoint1.renderedValue}}.</p>
      
                  <ma-tank-level point="myPoint1" style="position: absolute; width: 250px; height: 300px;" point-xid="zero_to_hundred" max="55" min="0">
                  </ma-tank-level>
              </md-card-content>
          </md-card>
      

      Thanks!

      M 1 Reply Last reply Reply Quote 0
      • M
        mangosalsa @mangosalsa
        last edited by

        For another example this is the style of chart I am going for:
        https://www.amcharts.com/demos/cylinder-gauge/

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

          @mangosalsa

          Try this, you can set the AmCharts options using the options attribute.

          <div class="ma-designer-root" id="c3c8df51-b98f-4eb7-81a8-d75f14d7f061" style="width: 1366px; height: 768px; position: relative;">
              <ma-tank-level id="920c5cd7-b164-4118-ab85-b1c7f65f4439" style="position: absolute; width: 400px; height: 483px; left: 125px; top: 233px;" point="voltage" point-xid="DP_826409f7-0b92-4bdb-a8a8-f8c051ca1b27" max="300" options="{autoMargins:false, marginBottom:100, marginLeft:50, valueAxes:[{axisAlpha:1.0, labelsEnabled:true}], graphs:[{showOnAxis: true},{showOnAxis: true}]}"></ma-tank-level>
              <ma-point-value id="6e73f870-46c4-4d17-b266-00df00a32a24" enable-popup="hide" style="position: absolute; left: 596px; top: 268px;" point-xid="DP_826409f7-0b92-4bdb-a8a8-f8c051ca1b27"></ma-point-value>
          </div>
          

          Developer at Radix IoT

          1 Reply Last reply Reply Quote 0
          • M
            mangosalsa
            last edited by

            @jared-wiltshire said in Axes for a Tank Chart:

            options="{autoMargins:false, marginBottom:100, marginLeft:50, valueAxes:[{axisAlpha:1.0, labelsEnabled:true}]

            Okay so i have an axis now. However, the tank chart is now a 3D bar chart causing the tank to seperate into its 2 different components. I have tried using the stack type option in Value axis but this seems to break the code because my tank disappears all together. Any suggestions?

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