• 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

    Custom Charts

    How-To
    3
    6
    1.6k
    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.
    • R
      RonnyHinkel
      last edited by

      Hi i would like to build a custom chart with 2 or more Y-axis and 2 or more X-axis
      similar to this one:
      0_1581591954212_Sample Chart.jpeg

      Here at the X-Axis we have the Usual Time and Date axis, but additional a displayed serial number, which is corresponding to time and date too.

      I got the the 2 Y-Axis no problem, but would need some help with the X-Axis.

      0_1581592301705_Screenshot 2020-02-13 at 19.11.21.png

      Ring Number= Serial Number

      1 Reply Last reply Reply Quote 0
      • R
        RonnyHinkel
        last edited by

        thats the code i'm using:

        <ma-serial-chart id="1bd32ce8-28ba-40f2-85c5-4fae624d2b8d" style="position: absolute; width: 100%; height: 275px; left: 0px; top: 0px;" series-1-values="point1Values" series-1-point="point1" series-1-type="line" series-1-title="Trust Pressure" series-1-color="#DBA901" series-2-values="point2Values" series-2-point="point2" series-2-type="line" series-2-title="PPS Chainage CHD" series-2-color="#2ab7ca" series-2-axis="right" series-3-values="point3Values" series-3-point="point3" series-3-type="step" series-3-title="Ring Number"  legend="true" balloon="true" export="true"></ma-serial-chart>
        
        1 Reply Last reply Reply Quote 0
        • MattFoxM
          MattFox
          last edited by

          I believe you'll need to write your own component to make this happen,
          I just skimmed over Jared's code and the chart directive appears to have been written to use just the timestamp.

          Fox

          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
          • CraigWebC
            CraigWeb
            last edited by

            I could not find any examples of this type of chart on the amcharts site either. This might be a tough one to work out how to do.

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

              I was looking at something derived from this thread...
              https://forum.infiniteautomation.com/topic/2862/bar-chart-category-as-x-axis/11

              May be able to 'trick' amcharts into another axis...

              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
              • R
                RonnyHinkel
                last edited by

                what i could imagine to have a over layer chart, stacked column chart 90 deg turned, and hide the Y and X axis. What do you think? could that work? and where do i get this option from?

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