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

Different Watchlist-Chart behaviour in W/L designer vs dashboard component


  • I am having difficulty getting the watchlist chart to render the same in the dashboard as for the same watchlist chart in the designer.
    These charts are of the same watchlist except one is using the dashboard component and does not render the red and blue bars but when you hold the mouse over it balloons the values where the bars should be? in the designer they can easily be seen. Any thoughts?
    1_1507574940577_chart1.gif 0_1507574940576_chart_wl.gif


  • @phillip-weeks OK I fixed this issue by deleting the watchlist-chart component from the page and revreating it. I suspect the code was somehow maligned and I could not see it. Charts are displaying as they should be now.


  • @phillip-weeks said in Different Watchlist-Chart behaviour in W/L designer vs dashboard component:

    @phillip-weeks OK I fixed this issue by deleting the watchlist-chart component from the page and revreating it. I suspect the code was somehow maligned and I could not see it. Charts are displaying as they should be now.

    Glad you got it fixed.


  • Well it raised its back again on a phone display. The monitor works perfectly and the phone is now acting weird.


  • @phillip-weeks said in Different Watchlist-Chart behaviour in W/L designer vs dashboard component:

    Well it raised its back again on a phone display. The monitor works perfectly and the phone is now acting weird.

    Try resizing your browser window down to phone size and see what happens.


  • that worked as expected. I thought that might have been it too but its like the bars are there just invisible.


  • Just to clarify, the chart is not showing up when you view the dashboard but it is when you are editing the page in the Dashboard Designer? Or it only shows up on the Watchlist page? Can you ensure you have the same date range and settings selected on the date bar.


  • the same dashboard is loaded on the phone and the browser on the pc
    I enabled the datebar and made them both the same timeframe (sorry) 1 week
    PC first
    0_1507653481545_chart_pc.gif
    Phone
    0_1507652673333_Screenshot_20171010-132740.png


  • Hi Jared; our testing on different platforms has isolated the rendering issue seen above to the bar option selection specifically in the new watchlist. On WIN XP using chrome v49 and mozilla firefox v52 ALL charts render bars correctly. On operating systems versions > XP only the BAR option will not display on the watchlist-charts in the designer or in dashboards under using varied date ranges even though the balloons indicate the data is being generated for the chart and the graph is there just not displayed. Using Line or Step the graph displays on all screens in all systems. Using latest chrome and mozilla browsers.


  • @phillip-weeks said in Different Watchlist-Chart behaviour in W/L designer vs dashboard component:

    Hi Jared; our testing on different platforms has isolated the rendering issue seen above to the bar option selection specifically in the new watchlist. On WIN XP using chrome v49 and mozilla firefox v52 ALL charts render bars correctly. On operating systems versions > XP only the BAR option will not display on the watchlist-charts in the designer or in dashboards under using varied date ranges even though the balloons indicate the data is being generated for the chart and the graph is there just not displayed. Using Line or Step the graph displays on all screens in all systems. Using latest chrome and mozilla browsers.

    Thanks for the information. Can you also send me or post the code for the chart you are using.


  • do you mean this code?

     <ma-watch-list-chart id="cb6d3998-d2d8-4a15-aaa1-3bb6874c20ab" 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" legend="false" style="position: absolute; width: 382px; height: 293px; left: 9px; top: 367px;"></ma-watch-list-chart>
    

  • Yep, thanks. Actually can you also export the watchlist you are using as JSON (import/export page) and give me that? It contains the chart settings.


  • not sure where to export just this one watchlist.. I think al watchlists get selected for export in the configuration screen ? yes /no


  • These are all the watchlists we have the Potable Water watch-list is the one in the charts with missing bars.

    {
      "watchlists": [
        {
          "xid": "WL_089ea2ad-39cd-4e3c-b4a7-c8e157c458b2",
          "data": {
            "paramValues": {
              "Floor": "25",
              "FloorNumber": "25",
              "undefined": ""
            },
            "chartConfig": {
              "selectedPoints": [
                {
                  "xid": "DP_Com2_2501-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#6fcd6e"
                },
                {
                  "xid": "DP_Com2_2502-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#8cd45a"
                },
                {
                  "xid": "DP_Com2_2503-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#2a03f0"
                },
                {
                  "xid": "DP_Com2_2504-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#bf351a"
                },
                {
                  "xid": "DP_Com2_2505-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#9a0dad"
                },
                {
                  "xid": "DP_Com2_2506-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#26bb3c"
                },
                {
                  "xid": "DP_Com2_2507-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#e63427"
                },
                {
                  "xid": "DP_Com2_2601-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#b3bdb4"
                },
                {
                  "xid": "DP_Com2_2602-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#9f8ae8"
                },
                {
                  "xid": "DP_Com2_2603-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#f43e7a"
                },
                {
                  "xid": "DP_Com2_2604-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#cbe0a6"
                },
                {
                  "xid": "DP_Com2_2605-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#d63302"
                },
                {
                  "xid": "DP_Com2_2606-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#26c4d2"
                },
                {
                  "xid": "DP_Com2_2607-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#ea5df5"
                },
                {
                  "xid": "DP_Com2_2608-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#545483"
                },
                {
                  "xid": "DP_Com2_2609-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#cff441"
                },
                {
                  "xid": "DP_Com2_2508-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#95e329"
                },
                {
                  "xid": "DP_Com2_2509-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "#6f62d0"
                }
              ]
            }
          },
          "query": "gt(xid,DP_Com2_%7B%7BFloorNumber%7D%7D)&le(xid,DP_Com2_%7B%7BFloorNumber%7D%7D09a)&eq(name,INDOOR%20AIR%20TEMP%20%C2%B0C)&sort(deviceName,name)&limit(200)",
          "readPermission": "user",
          "name": "25/26th Floor IAT's",
          "dataPoints": [],
          "folderIds": null,
          "params": [
            {
              "options": {
                "min": 25,
                "max": 26
              },
              "name": "FloorNumber",
              "label": "Floor #",
              "type": "input"
            }
          ],
          "type": "query",
          "user": "PWeeks",
          "editPermission": "edit-watchlists"
        },
        {
          "xid": "WL_52dd78c6-bca0-4126-b272-67fa35ecf802",
          "data": {
            "paramValues": {
              "UnitNumber": "Unit 2503"
            },
            "chartConfig": {
              "selectedPoints": [
                {
                  "xid": "DP_Com2_2503-00910",
                  "name": "WATER COLD DAILY VOL L",
                  "lineColor": "rgb(0, 0, 163)",
                  "type": "column"
                },
                {
                  "xid": "DP_Com2_2503-00912",
                  "name": "WATER HOT DAILY VOL L",
                  "lineColor": "rgb(255, 0, 0)",
                  "type": "column"
                },
                {
                  "xid": "DP_Com2_2503-00924",
                  "name": "WATER COLD TOTAL VOL L"
                },
                {
                  "xid": "DP_Com2_2503-00926",
                  "name": "WATER HOT TOTAL VOL L"
                }
              ],
              "valueAxes": {
                "left": {
                  "color": "rgb(255, 51, 51)",
                  "title": "Hot Water",
                  "stackType": "none"
                }
              }
            }
          },
          "query": "or(eq(deviceName,%7B%7BUnitNumber%7D%7D),eq(deviceName,Outside%20Climate))&sort(deviceName,name)&limit(200)",
          "readPermission": "user",
          "name": "Daily Potable Water",
          "dataPoints": [],
          "folderIds": null,
          "params": [
            {
              "options": null,
              "name": "UnitNumber",
              "label": "Unit",
              "type": "deviceName"
            }
          ],
          "type": "query",
          "user": "PWeeks",
          "editPermission": "superadmin"
        },
        {
          "xid": "WL_396cc8f5-24be-4d8a-ae67-1cb49586bc6c",
          "data": {
            "paramValues": {
              "UnitNumber": "Unit 2505"
            },
            "chartConfig": {
              "selectedPoints": [
                {
                  "valueAxis": "left",
                  "xid": "DP_Com2_2501-00910",
                  "name": "WATER COLD DAILY VOL L",
                  "lineColor": "blue",
                  "type": "step"
                },
                {
                  "valueAxis": "left",
                  "xid": "DP_Com2_2501-00912",
                  "name": "WATER HOT DAILY VOL L",
                  "lineColor": "orange",
                  "type": "step"
                },
                {
                  "valueAxis": "right",
                  "xid": "DP_Com2_2501-00924",
                  "name": "WATER COLD TOTAL VOL L",
                  "lineColor": "navy",
                  "type": "line"
                },
                {
                  "valueAxis": "right",
                  "xid": "DP_Com2_2501-00926",
                  "name": "WATER HOT TOTAL VOL L",
                  "lineColor": "red",
                  "type": "line"
                }
              ],
              "valueAxes": {
                "left": {
                  "title": "Daily Liters"
                },
                "right": {
                  "title": "Total liters"
                }
              }
            }
          },
          "query": "or(eq(deviceName,%7B%7BUnitNumber%7D%7D),eq(deviceName,Outside%20Climate),and(eq(name,INDOOR%20AIR%20TEMP%20%C2%B0),eq(name,MODE),eq(name,SUPPLY%20WATER%20TEMP%20CALIBRATED%20%C2%B0F),eq(name,RETURN%20WATER%20TEMP%20CALIBRATED%20%C2%B0F),eq(name,HEAT_CALL),eq(name,WATER%20COLD%20DAILY%20VOL%20L),eq(name,-%20WATER%20HOT%20DAILY%20VOL%20L)))&sort(deviceName,name)&limit(200)",
          "readPermission": "user",
          "name": "Potable Water",
          "dataPoints": [],
          "folderIds": null,
          "params": [
            {
              "options": null,
              "name": "UnitNumber",
              "label": "Unit",
              "type": "deviceName"
            }
          ],
          "type": "query",
          "user": "admin",
          "editPermission": "edit-watchlists, superadmin"
        },
        {
          "xid": "WL_dc6725a6-496a-439f-a15d-9a26d76bb24c",
          "data": {
            "chartConfig": {
              "selectedPoints": [
                {
                  "xid": "MangoES_Disk_Space_Remaining",
                  "name": "Disk Space Remaining"
                }
              ]
            }
          },
          "query": null,
          "readPermission": "user",
          "name": "SpaceCheck",
          "dataPoints": [
            "DP_042966",
            "DP_122048",
            "DP_162160",
            "DP_320837",
            "DP_327531",
            "DP_350367",
            "DP_394833",
            "DP_404268",
            "DP_427912",
            "DP_523561",
            "DP_559119",
            "DP_589436",
            "DP_599466",
            "DP_630195",
            "DP_685691",
            "DP_697294",
            "DP_706801",
            "DP_720433",
            "DP_834526",
            "DP_837154",
            "DP_862936",
            "DP_862988",
            "DP_957533",
            "DP_969271",
            "MangoES-CPU_Total_Load",
            "MangoES_CPU_TEMP",
            "MangoES_Disk_Percent_Used",
            "MangoES_Disk_Space_Remaining",
            "MangoES_Physical_Memory_Free",
            "MangoES_SystemTime"
          ],
          "folderIds": null,
          "params": null,
          "type": "static",
          "user": "PWeeks",
          "editPermission": "edit-watchlists"
        },
        {
          "xid": "WL_e7302e4a-e890-4f1a-a524-845d3b485891",
          "data": {
            "paramValues": {
              "UnitNumber": "Unit 2501"
            },
            "chartConfig": {
              "selectedPoints": [
                {
                  "xid": "DP_Com2_2501-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "rgb(0, 163, 82)",
                  "type": "line"
                },
                {
                  "xid": "DP_Com2_2501-00534",
                  "name": "RETURN WATER TEMP CALIBRATED °F",
                  "lineColor": "#6757e8",
                  "type": "line"
                },
                {
                  "xid": "DP_Com2_2501-00533",
                  "name": "SUPPLY WATER TEMP CALIBRATED °F",
                  "lineColor": "#d81205",
                  "type": "line"
                },
                {
                  "xid": "DP_Com1_0001-00100",
                  "name": "OUTDOOR AIR TEMP °C",
                  "lineColor": "#ffffff",
                  "type": "line"
                }
              ]
            }
          },
          "query": "or(eq(deviceName,%7B%7BUnitNumber%7D%7D),and(eq(name,INDOOR%20AIR%20TEMP%20%C2%B0),eq(name,WATER%20COLD%20DAILY%20VOL%20L),eq(name,WATER%20HOT%20DAILY%20VOL%20L),eq(name,WATER%20METER%20COLD%20VOL%20M%C2%B3),eq(name,WATER%20METER%20HOT%20VOL%20M%C2%B3),eq(name,APARTMENT%20NUMBER),eq(name,MODE),eq(name,RETURN%20WATER%20TEMP%20CALIBRATED%20%C2%B0F),eq(name,SUPPLY%20WATER%20TEMP%20CALIBRATED%20%C2%B0F)),eq(deviceName,Outside%20Climate))&sort(deviceName,name)&limit(200)",
          "readPermission": "user",
          "name": "Supply/Return Temps",
          "dataPoints": [],
          "folderIds": null,
          "params": [
            {
              "options": {
                "uniqueNames": false,
                "path": "",
                "contains": "Unit",
                "pattern": "UNIT ####",
                "multiple": false,
                "subfoldersOnly": true
              },
              "name": "UnitNumber",
              "label": "Unit",
              "type": "deviceName"
            }
          ],
          "type": "query",
          "user": "PWeeks",
          "editPermission": "edit-watchlists, superadmin"
        },
        {
          "xid": "WL_98933020-2809-4e88-a778-18cd0d4f6b59",
          "data": {
            "paramValues": {
              "UnitName": "Unit 2503"
            },
            "chartConfig": {
              "selectedPoints": [
                {
                  "valueAxis": "right",
                  "xid": "DP_Com2_2503-00910",
                  "name": "WATER COLD DAILY VOL L",
                  "lineColor": "rgb(51, 51, 255)",
                  "type": "column"
                },
                {
                  "valueAxis": "right",
                  "xid": "DP_Com2_2503-00912",
                  "name": "WATER HOT DAILY VOL L",
                  "lineColor": "rgb(255, 51, 51)",
                  "type": "column"
                },
                {
                  "xid": "DP_Com1_0001-00100",
                  "name": "OUTDOOR AIR TEMP °C",
                  "lineColor": "White",
                  "type": "smoothedLine"
                },
                {
                  "xid": "DP_Com2_2503-00110",
                  "name": "INDOOR AIR TEMP °C",
                  "lineColor": "Lightgreen",
                  "type": "smoothedLine"
                }
              ],
              "valueAxes": {
                "left": {
                  "color": "#00ff80",
                  "title": "Air Temps"
                },
                "right": {
                  "color": "rgb(153, 255, 255)",
                  "title": "Potable Water"
                }
              }
            }
          },
          "query": "or(eq(deviceName,%7B%7BUnitName%7D%7D),eq(deviceName,Outside%20Climate))&sort(deviceName,name)&limit(50)",
          "readPermission": "user",
          "name": "Thermostat WL",
          "dataPoints": [],
          "folderIds": null,
          "params": [
            {
              "options": {
                "contains": "Unit",
                "multiple": false,
                "filtering": false
              },
              "name": "UnitName",
              "label": "Unit",
              "type": "deviceName"
            }
          ],
          "type": "query",
          "user": "PWeeks",
          "editPermission": "edit-watchlists"
        }
      ]
    }