• 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

    Max and low limit lines on serial chart

    Dashboard Designer & Custom AngularJS Pages
    2
    3
    1.3k
    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.
    • C
      C00L3R
      last edited by C00L3R

      Hello,
      I'm working with serial charts coding. At the moment I have chart showing two series and it works fine. First series is for temperature and the second is for humidity,
      But I want to add maximum and minimum limit lines (horizontal) to that chart too. So it would be 3 lines - min and max for temperature and max for humidity.

      I tried with guides:

      options="{guides: [{fillAlpha: 0.25,value: 20, color: blue }]}"
      

      It's almost what I need but this way I can only add one line on chart.
      0_1505132996912_chart.png

      Do you have any ideas how to add more lines to chart ?

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

        This should do the trick options="{guides: [{fillAlpha: 0, value: 20, lineColor: 'blue', lineAlpha:0.5 }, {fillAlpha: 0, value: 40, lineColor: 'green', lineAlpha:0.5 }]}"

        edit. Seems like the lineColor property is overridden by the CSS currently. You'll have to use a style tag to set their colors.

        Set the options like this.
        options="{guides: [{fillAlpha: 0, value: 40, lineAlpha:0.7, id:'top' }, {fillAlpha: 0, value: 20, lineAlpha:0.7, id:'bottom' }]}"

        Then add a style tag like this

        <style>
            .amcharts-guide-top {
                stroke: red;
            }
            .amcharts-guide-bottom {
                stroke: blue;
            }
        </style>
        

        Developer at Radix IoT

        1 Reply Last reply Reply Quote 0
        • C
          C00L3R
          last edited by

          Thanks for help. Now it's fine :)

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