<![CDATA[How we can filter the json and dynamically pass the data to create multiline chart in mango automation]]>How we can filter the JSON and dynamically pass the data to create multiline chart in mango automation.

I am getting my JSON value from <ma-get-point-value> and on filtering the data with few parameters.
Its throwing errors.

"Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!"

]]>https://forum.mango-os.com/topic/5165/how-we-can-filter-the-json-and-dynamically-pass-the-data-to-create-multiline-chart-in-mango-automationRSS for NodeMon, 13 Apr 2026 10:57:09 GMTFri, 23 Apr 2021 06:24:56 GMT60<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Wed, 28 Apr 2021 05:03:51 GMT]]>@himanshu

It is the exact same concept.:
<ma-state-params on-change="designer.parameters.dn = $stateParams.dn" update-params="designer.updateParams"></ma-state-params>
this component takes the URL parameters and puts them into a object called designer.updateParams. That object can be used anywhere now in the pages scope.

]]>https://forum.mango-os.com/post/26598https://forum.mango-os.com/post/26598Wed, 28 Apr 2021 05:03:51 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Wed, 28 Apr 2021 03:34:21 GMT]]>Refer to your other post, I left an update there should that help you

Fox

]]>https://forum.mango-os.com/post/26597https://forum.mango-os.com/post/26597Wed, 28 Apr 2021 03:34:21 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Wed, 28 Apr 2021 02:56:41 GMT]]>@craigweb
No this in not useful in my scenario as I have urn passing to one of my component and I want to use those URL parameters in component.

This example only works when we created two pages from dashboard designer and then linking to each another.
But not working with page to component parsing.

]]>https://forum.mango-os.com/post/26596https://forum.mango-os.com/post/26596Wed, 28 Apr 2021 02:56:41 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Tue, 27 Apr 2021 13:30:23 GMT]]>@himanshu Does this help page answer your question ? https://docs-v3.mango-os.com/linking-to-dynamic-pages

]]>https://forum.mango-os.com/post/26593https://forum.mango-os.com/post/26593Tue, 27 Apr 2021 13:30:23 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Tue, 27 Apr 2021 08:15:37 GMT]]>Just had a thought, thinking about something I did recently... I didnt care much for params since I had my own components doing the heavy lifting.. So I used the $state provider and pulled in the url, split by / then use what was on the end. Why dont you do the same with the ? and the &? Then split each result by = for your key value pairs and run as needed. Just one of those shower thoughts haha.

EDIT: Nope sorry, completely ballsed that one up. If you want your params, add to the menu item: ?item1&item2
Do not add = in your menu link. Just do that and your stateparams will be available.
ie: your menu link will be.

/mycomponentpage?thisDevice&thatvalue&anotherkey

Your $state.params will be

{
thisDevice: '',
thatvalue:'',
anotherkey:''
}

Fox

]]>https://forum.mango-os.com/post/26591https://forum.mango-os.com/post/26591Tue, 27 Apr 2021 08:15:37 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Tue, 27 Apr 2021 05:06:55 GMT]]>Sorry am a little overrun, however, this is their dashboard repo.
https://github.com/infiniteautomation/ma-dashboards/tree/3.7.x

This should shed some light on how their stateparams work

Fox

]]>https://forum.mango-os.com/post/26590https://forum.mango-os.com/post/26590Tue, 27 Apr 2021 05:06:55 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Tue, 27 Apr 2021 04:43:04 GMT]]>@mattfox
Yes we are extending the userModule.
I just want to "get" the param in html / controller file .

]]>https://forum.mango-os.com/post/26589https://forum.mango-os.com/post/26589Tue, 27 Apr 2021 04:43:04 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Tue, 27 Apr 2021 03:47:20 GMT]]>What's your controller?
Paste all code here. May as well look at what you are doing.
Are you extending with the userModule?

]]>https://forum.mango-os.com/post/26588https://forum.mango-os.com/post/26588Tue, 27 Apr 2021 03:47:20 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Tue, 27 Apr 2021 02:36:06 GMT]]>@mattfox
Hey Mate,
as per you above example I am doing the same thing but my problem is...
I want to access those params in one of my controller/component file.

<a ng-href="www.testurl.com/ui/testpage/?toilet=TSTE-H2&dp=Temperature&dp=State&type=shioiaq2">

This link would redirect me to my component called testpage.html in that file i am unable to access the params .
I want to access my params in my components HTML file as well as controller file.

]]>https://forum.mango-os.com/post/26587https://forum.mango-os.com/post/26587Tue, 27 Apr 2021 02:36:06 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Mon, 26 Apr 2021 20:51:15 GMT]]>As I said, read the help docs, create a watchlist with query as the type and add your parameters in there. Leverage them with the stateparams and apply them to the watchlist lookup

https://docs-v3.mango-os.com/linking-to-dynamic-pages

Fox

]]>https://forum.mango-os.com/post/26585https://forum.mango-os.com/post/26585Mon, 26 Apr 2021 20:51:15 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Mon, 26 Apr 2021 07:45:59 GMT]]>@mattfox
Thanks Mate..
But the url is coming from different page.
Like <a ng-href="www.testurl.com/ui/testpage/?toilet=TSTE-H2&dp=Temperature&dp=State&type=shioiaq2"

and now on testpage.html
i am using <ma-state-params> where i want data to get placed on basis of URL.

]]>https://forum.mango-os.com/post/26583https://forum.mango-os.com/post/26583Mon, 26 Apr 2021 07:45:59 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Mon, 26 Apr 2021 07:36:09 GMT]]>@himanshu said in How we can filter the json and dynamically pass the data to create multiline chart in mango automation:

toilet=TSTE-H2&dp=Temperature&dp=State&type=shioiaq2

I suggest you change dp to dp1 and dp2. By using dp twice you overwrite the parameter.

Secondly, have you read this help doc?

https://docs-v3.mango-os.com/dynamic-floor-plan

Only out with my phone at the moment so I dont have an active mango instance handy! Only whats in my head...
That doc explains how to attach params to components in the dashboard.

Fox

]]>https://forum.mango-os.com/post/26582https://forum.mango-os.com/post/26582Mon, 26 Apr 2021 07:36:09 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Mon, 26 Apr 2021 07:17:29 GMT]]>@mattfox
Yes I would require your help on one more topic..

I am passing the params from dashboard-designer
url:
?toilet=TSTE-H2&dp=Temperature&dp=State&type=shioiaq2

and i want to dynamicaally fetch URL data in to one of html in
ma-state-params

]]>https://forum.mango-os.com/post/26581https://forum.mango-os.com/post/26581Mon, 26 Apr 2021 07:17:29 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Mon, 26 Apr 2021 07:00:39 GMT]]>Anytime, well done and good luck. Always here if needed.

Fox

]]>https://forum.mango-os.com/post/26580https://forum.mango-os.com/post/26580Mon, 26 Apr 2021 07:00:39 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Mon, 26 Apr 2021 06:57:26 GMT]]>@mattfox said in How we can filter the json and dynamically pass the data to create multiline chart in mango automation:

shioiaq2

Thanks alot mate.
It worked for me..

Highly appreciated.
Thanks Alot.

]]>https://forum.mango-os.com/post/26579https://forum.mango-os.com/post/26579Mon, 26 Apr 2021 06:57:26 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Mon, 26 Apr 2021 06:05:13 GMT]]>Ok first up. Show all of your markup in code tags. First it appeared you were trying to derive values from what you had stored in datapoints. I see you were confused and actually meant its JSON store data for a watchlist.
Use ma point query and build a RQL query using the watchlist builder. This way you can pull only what you want.

<ma-point-query query="'and(eq(name,Temperature),eq(tags.Sensor Type,shioiaq2))&limit(2)'" points="tmpPts"> </ma-point-query>

<div ng-repeat="pt in tmpPts">
<ma-point-values .... >

<ma-serial-chart .... >
</div>

Once you markup is visible we can get rid of your digest error.

Fox

]]>https://forum.mango-os.com/post/26578https://forum.mango-os.com/post/26578Mon, 26 Apr 2021 06:05:13 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Mon, 26 Apr 2021 02:20:12 GMT]]>@mattfox
Hey Mate Can you please explain me with small snippet of code / any example please.
Values are not my concern as values are getting passed properly and even the graph is getting created.

As I filtered the data like this
{{myIAQTemp=(designer.points | filter:{name:'Temperature'}:true | maFilterByTags:{'Sensor Type': 'shioiaq2'}:true | limitTo:2);""}}
its giving me the output of graph accurate as I want...

"Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!"

But this error is ruining my life..it keeps on coming on page load after implementing that filter.

]]>https://forum.mango-os.com/post/26577https://forum.mango-os.com/post/26577Mon, 26 Apr 2021 02:20:12 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Sun, 25 Apr 2021 02:35:32 GMT]]>If that is the case I recommend using a meta data source.
Use this datapoint as the context point and return the temperature value after decoding it with JSON.parse
Sort through the object and as said before, return the temperature value.

The meta point can then be used to populate your charts. Hope that helps!
Although, what is you actual value? I do not see anything numerical
Fox

]]>https://forum.mango-os.com/post/26576https://forum.mango-os.com/post/26576Sun, 25 Apr 2021 02:35:32 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Sat, 24 Apr 2021 15:24:19 GMT]]>@mattfox

{{myIAQTemp=(designer.points | filter:{name:'Temperature'}:true | maFilterByTags:{'Sensor Type': 'shioiaq2'}:true | limitTo:2);""}}

This is the way I am trying to filter the data and passing the value in the ma-point-value and ma-serial-chart.

my json contains
[
{
name: 'Temperature',
"tags": {
"Sensor Type": "shioiaq2",
}
},
{
name: 'State',
"tags": {
"Sensor Type": "shioiaq2",
}
}
]

I want to filter only on temperature and sensor type
and exclude the object of name : state

]]>https://forum.mango-os.com/post/26575https://forum.mango-os.com/post/26575Sat, 24 Apr 2021 15:24:19 GMT<![CDATA[Reply to How we can filter the json and dynamically pass the data to create multiline chart in mango automation on Fri, 23 Apr 2021 14:22:57 GMT]]>Can you show me the format of your data? I wrote a component to help another user format their data from JSON to the structure required by the amcharts to work as desired.
Might be worth looking up what I did and see if aligns with your work.

Fox

]]>https://forum.mango-os.com/post/26574https://forum.mango-os.com/post/26574Fri, 23 Apr 2021 14:22:57 GMT