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.

  • Help with manipulating SVG

    Moved
    7
    0 Votes
    7 Posts
    2k Views
    phildunlapP
    @iperry I don't believe that will work, you would need to define the elements you wish to have in the SVG in the SVG. @CraigWeb That's a good idea!
  • Hard coding the rollup-type in the watchlist-chart

    5
    0 Votes
    5 Posts
    2k Views
    CraigWebC
    in the API docs for the <ma-point-values> (ui/docs/ng-mango/ma-point-values). You'll see all the options that can used. Just remember to make them a string.
  • mdp-time-picker refreshing issue

    5
    1
    0 Votes
    5 Posts
    2k Views
    C
    Thanks. I
  • Smart phone, Tablet Viewing

    4
    0 Votes
    4 Posts
    2k Views
    CraigWebC
    Bumping this to find out if I should put the effort into doing a work around on my current SCADA mimics so they can be viewed on safari?
  • SVG ma-selector and Watchlist

    6
    0 Votes
    6 Posts
    2k Views
    I
    Thanks Jared, that is a great tip. That might solve a few things I have encountered.
  • Serial Chart with a Point Initially Disabled

    2
    0 Votes
    2 Posts
    1k Views
    MattFoxM
    @joshua-keeler I've done something which allows you to 'toggle' the visibility of charts within an amchart serial chart with a push buitton. You could also use the same code to fire when each chart initialises... With your situation, we can just force hide the required charts on page load, so the data is still there. Saves you having to make a call and pull data then updating the chart. This however, is all from an AngularJS controller. Alternatively, with the version of amcharts we have now, you can apply CSS classes to a graph. https://www.amcharts.com/kbase/toggling-stock-chart-graphs-via-css/ Under the api docs for mango: [localhost|yourDomain]/ui/docs/ng-mango/ma-serial-chart you will see an attribute called 'series -x-etc' NOTE: you will be doing this via the markup view, not the dashboard designer view! For each item generated on the chart will be labelled with the class: amcharts-graph-series-x where X is the series number. So ensure you populate the serial-chart with individual series items rather than the points and values attributes. ie series-1-point="pt1" series-1-values="pt1Values" Next you will require a button to click for toggling your graph's visibility. <button onclick="(function(){var el = document.getElementsByClassName('amcharts-graph-series-1'); console.log(el); for (var i = 0; i < el.length; i++) { el[ i ].style.display = ''; }})();" aria-label="Show Graph" > Show Graph</button> <button id="hideAll" onclick="(function(){ var el = document.getElementsByClassName('amcharts-graph-series-1');console.log(el);for (var i = 0; i < el.length; i++) {el[ i ].style.display = 'none';}})();" aria-label="Hide Graph" > Hide Graph</button> Given the nature of using angularJS, this is bad practise and is supposed to be implemented through a controller. But as you're looking for a fix you can apply on the fly it will enable you to show and hide graphs. If you've got more than one set of graphs on the page, You can alter the name of the graph name using the 'graph-options' setting attribute as mentioned in the serial chart information on the mango API page. Just set the id value for each serial chart graph you're passing. graph-options="[ {id:'graph1'}, { id:'graph2 } ]" Then update each button you're using to hide by replacing amcharts-graph-series-1 with amcharts-graph-graph1 It doesn't provide you with the ability to hide on load but unless you're confident with javascript and utilising the userModule extension as mentioned on https://help.infiniteautomation.com/getting-started-with-a-user-module/ I am unable to help you futher.
  • JSON store filtering based on stored data - solved

    1
    0 Votes
    1 Posts
    888 Views
    No one has replied
  • String Variable

    9
    0 Votes
    9 Posts
    2k Views
    S
    @phildunlap Thanks again!
  • Problem with Pie Chart

    17
    0 Votes
    17 Posts
    6k Views
    MattFoxM
    @craigweb that's what I've been trying to get him to do all along. I was going to suggest using toFixed or even parseFloat but he wanted significant figures without rounding.
  • Pie Chart

    6
    0 Votes
    6 Posts
    2k Views
    L
    @phildunlap Yes it is a numerical point rendered with unity. They are power measurements, no conversions are made, the values are pulled directly from a ModBus TCP / IP meter.
  • Filestore public folder and user module url modal settings

    3
    0 Votes
    3 Posts
    1k Views
    Jared WiltshireJ
    @thomaseinasto said in Filestore public folder and user module url modal settings: Do do I understand it correctly that ($MA_HOME)/filestore/public folder has the same logic like overrides folder It is not the same as the overrides folder. It is a completely separate concept. @thomaseinasto said in Filestore public folder and user module url modal settings: updates on Mango do not modify the file contents. Updates to Mango will not affect the contents of the file store folder. @thomaseinasto said in Filestore public folder and user module url modal settings: Reason is that as I am building my custom directives/components I would like to put html templates and files with them into folders for keeping a nice hierarchy of my customization. Yes the file store is a good place to put your files. @thomaseinasto said in Filestore public folder and user module url modal settings: Another thing is that have you planned on showing other than .js files in the modal for better customization? i.e maybe add filtering for selectable files so that the selected files can be only .js but the user can also modify other files like html/css etc? Right now if I need to modify some html page I need to ssh into mango and modify it there. But it would be sometimes more convenient to do the modifications through the opened modal. I'm not sure what the question is here. I don't know what modal you are talking about or where "selectable files" comes into play. If you store all your custom component files (js, html, css) in the file store you will be able to edit them inside the Mango UI and you will not have to use ssh to edit the files.
  • Custom Dashboard Icon

    4
    0 Votes
    4 Posts
    2k Views
    G
    @jared-wiltshire Thank you! This path works.
  • Difficulty Graphing for custom date / time range

    8
    0 Votes
    8 Posts
    3k Views
    R
    No problem! Here's another screenshot which might give you some ideas as well -- left the dashboard open on my PC overnight and it crashed -- it crashes much faster on our display PCs, but they do have fairly good specs. [image: qlF7YOP.png]
  • ma-serial-chart can not run

    8
    0 Votes
    8 Posts
    3k Views
    ThomasEinastoT
    Hi @benaznbe I will quote me once more. @thomas-einasto136 said in ma-serial-chart can not run: For more customization see amCharts own documentation which @Jared-Wiltshire and @phildunlap promote all the time on the forums and in Mango. It has all the documentation for them. ref: https://www.amcharts.com/demos/simple-column-chart/ Snippet from previous code "valueAxes": [{ "axisAlpha": 0, "position": "left", "title": "Level" }], Documentation for customizing amcharts regarding your request. https://www.amcharts.com/demos/multiple-value-axes/ Snippet from this documentation link regarding valueaxes. "valueAxes": [{ "id":"v1", "axisColor": "#FF6600", "axisThickness": 2, "axisAlpha": 1, "position": "left" }, { "id":"v2", "axisColor": "#FCD202", "axisThickness": 2, "axisAlpha": 1, "position": "right" }, { "id":"v3", "axisColor": "#B0DE09", "axisThickness": 2, "gridAlpha": 0, "offset": 50, "axisAlpha": 1, "position": "left" }], For all customizations of a single axis ref here http://docs.amcharts.com/javascriptcharts/ValueAxis I would strongly advise to look through all amCharts documentation again and see Mango own examples section of its components... Cheers! Thomas
  • Using I-frame to load external webpage

    6
    0 Votes
    6 Posts
    2k Views
    Jared WiltshireJ
    @Phillip-Weeks just a heads up to read the release notes when upgrading to Mango 3.4.5, the CSP configuration has changed in the env.properties file.
  • [solved] Change device in dynamic watchlist as result of click event

    8
    0 Votes
    8 Posts
    2k Views
    Jared WiltshireJ
    @Andras is your parameter a data source? That's what it looks like, a device name will just be a string. Glad you got it working anyway. @andras said in [solved] Change device in dynamic watchlist as result of click event: It's funny to see that my forum profile is older than that of the IAS staff members :) I had no idea the forum had even been around that long!
  • How to do custom dashboards now?

    11
    0 Votes
    11 Posts
    4k Views
    Jared WiltshireJ
    @balistar https://forum.infiniteautomation.com/search?term=Content Security Policy&in=titlesposts
  • about link to hash

    5
    0 Votes
    5 Posts
    2k Views
    Jared WiltshireJ
    I'm not sure what the question is @sean . If you want to implement something your self you can use a user module.
  • Grafana Plugin

    3
    0 Votes
    3 Posts
    2k Views
    M
    That's cool, thanks Jared.
  • About pie chart & webfont

    3
    0 Votes
    3 Posts
    1k Views
    seanS
    @phildunlap Thank you Phildunlap it's work.