• 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

    Adding multiple axes

    Dashboard Designer & Custom AngularJS Pages
    3
    4
    1.2k
    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.
    • D
      dgm
      last edited by

      Hello, im trying to add minimum and maximum for another axis this is my attempt....

      options="{synchronizeGrid: false, valueAxes:[{minimum:0,maximum:100}],valueAxes2:[{minimum:0,maximum:200}] }"

      1 Reply Last reply Reply Quote 0
      • I
        iperry
        last edited by

        Hi @dgm

        You are close:

                    options="{
                        synchronizeGrid: false, 
                        valueAxes:[
                            {title: 'Connected', titleColor: '#ff4d4d', minimum: 0, maximum: 1, integersOnly: true, baseValue: 2},
                            {title: '°C', titleColor: '#ff4d4d', minimum: -50, maximum: 50}
                        ]
                    }"
        

        Each axis is an element in the valueAxes array.

        Ian

        1 Reply Last reply Reply Quote 1
        • D
          dgm
          last edited by

          Thanks iperry!

          That was a major help. I am a total beginner!
          the max works when changed , but the min stays at zero no matter what i set it to. any ideas?

          also, unless I put axisColor:point1Color followed by color:point1Color chart wont render properly

          options="{synchronizeGrid:false, valueAxes:[{minimum:0,maximum:5000, axisColor:point1Color,color:point1Color},{minimum:0,maximum:5000,axisColor:point2Color,color:point2Color},{minimum:0,maximum:5000,axisColor:point3Color,color:point3Color},{minimum:0,maximum:5000,axisColor:point4Color,color:point4Color}]}"

          1 Reply Last reply Reply Quote 0
          • MattFoxM
            MattFox
            last edited by MattFox

            You need to add the strictMinMax property, this question has come up a lot in the forums. I suggest you use the search and have a browse with amcharts/serial chart as the search item, you'll gain a lot of experience very quickly I assure you.

            options="{valueAxes: [{
            			unit: '%',
            			unitPosition: right,
            			strictMinMax: true,
            			minimum: 10,
            			maximum: 60,
                                    axisColor: '#00CED1'
            }
            ]
            }"
            

            For the graphs themselves if you want individual colours for each datapoint split them up and use series-#- attributes rather than just points and values.
            Enable the api menu item under administration -> edit menu -> Api Docs, turn it on and click save at the top.
            The maSerialChart will be under components.

            Do not follow where the path may lead; go instead where there is no path.
            And leave a trail - Muriel Strode

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