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

Dashboard designer to create a multi chart in Single watch list at a single dashboard page


  • I created a single watch list corresponds to the whole system which include 3 parameters. This 3 parameters have a multiple selection. My next step is to create a dashboard which I would like to plot 2 different chart in a single watch list and a single dashboard page. But when I try to change the watch list parameters the other chart also change. I would like to know how I can configure the dashboard with multiple chart from a single watch list?
    Below is the screenshot of my dashboard I created.
    0_1590678330190_Software Mango Dashboard Design.jpg


  • @windel said in Dashboard designer to create a multi chart in Single watch list at a single dashboard page:

    I created a single watch list corresponds to the whole system which include 3 parameters.

    Please post your markup. We can't help unless you give us more context.


  • @jared-wiltshire, Please see below the mark-up.
    <ma-watch-list-get ng-model="designer.watchList" parameters="designer.parameters" on-points-change="designer.points = $points" id="4f2f1040-e821-4ab9-806b-c6c4be8b79df" watch-list-xid="WL_7c671c0b-c3e4-4d9e-a53a-434530722f76"></ma-watch-list-get>
    <div class="ma-designer-root" id="6b874c3d-3419-4270-b6cc-c2dff04f7c59" style="width: 1366px; height: 768px; position: relative;">
    <ma-watch-list-parameters id="bb4c92f3-9dc8-440e-80ac-741484ac1f1d" ng-model="designer.parameters" watch-list="designer.watchList" style="position: absolute; width: 887px; left: 0px; top: 0px; height: 70px;"></ma-watch-list-parameters>
    <ma-watch-list-chart id="e9d36c85-cd0e-4069-9c85-aa5aba8577c7" watch-list="designer.watchList" points="designer.points" from="dateBar.from" to="dateBar.to" rollup-type="dateBar.rollupType" rollup-intervals="dateBar.rollupIntervals" rollup-interval-period="dateBar.rollupIntervalPeriod" simplify-tolerance="dateBar.simplifyTolerance" style="position: absolute; width: 1366px; height: 292px; left: 0px; top: 70px;"></ma-watch-list-chart>
    <ma-watch-list-parameters id="8c3f8835-fa54-423e-8252-ce388132ad3f" ng-model="designer.parameters" watch-list="designer.watchList" style="position: absolute; width: 887px; left: 0px; top: 387px; height: 70px;"></ma-watch-list-parameters>
    <ma-watch-list-chart id="c0153f36-192f-40e5-95d8-1c126790d0b1" watch-list="designer.watchList" points="designer.points" from="dateBar.from" to="dateBar.to" rollup-type="dateBar.rollupType" rollup-intervals="dateBar.rollupIntervals" rollup-interval-period="dateBar.rollupIntervalPeriod" simplify-tolerance="dateBar.simplifyTolerance" style="position: absolute; width: 1363px; height: 319px; left: 0px; top: 457px;"></ma-watch-list-chart>
    </div>