Getting data from the system in HTML5

[Balistar]

Where can I get documentation on getting data from the system?

I can't find anything that explains ma-point-list ng-model, ma-gauge-chart point, ma-date-range-picker, ma-point-values point-xid, etc etc.

Many thanks, G

[JoelHaggar]

These articles and videos should be a start: https://help.infiniteautomation.com/support/solutions/14000068323

[Balistar]

Thanks Joel. Obviously I searched all available documentation, but nowhere are ma-point-list ng-model, ma-gauge-chart point, ma-date-range-picker, ma-point-values point-xid, etc etc. described.

Yes, general ideas are given, but nothing specific on e.g. ma-gauge-chart point. or when to use ma-point-values instead of ma-point-value point (no s).

[Woody Beverley]

Hello Balistar,

Keep in mind anything named ng-xxxxxxx is part of Angular and not something we've added. You can Google ng-model to learn more about it. http://www.w3schools.com/angular/angular_model.asp The ng-model directive binds the value of HTML controls to application data.

As for the other directives you are asking about, we will be producing more information about these very soon. For now I think the best thing to do is just dig in and give it a try. Then, if you have a specific question ask it here and we will do our best to answer it.

[Balistar]

Thanks Woody,
I should have left ng-xxx out as there is indeed documentation on that.
But anything started with ma- has to be Mango's own recipe. Again no documentation on its use, syntax, etc.

For example this ought to work, but it is not. It but be missing something. Did this in the "Play Area"

<div layout="row" layout-wrap="">
<div flex="50">
<p>Basic (defaults to 0-100)</p>
<ma-gauge-chart point="Humidity at Point 1" style="width:100%; height:200px"></ma-gauge-chart>
</div>
<div flex="50">
<p>Set axis interval and start and end value</p>
<ma-gauge-chart point="Humidity at Point 1" interval="10" start="-20" end="120" style="width:100%; height:200px"></ma-gauge-chart>
</div>

From Swagger:
"unit": "",
"dataSourceId": 1,
"useIntegralUnit": false,
"integralUnit": "s",
"useRenderedUnit": false,
"renderedUnit": "",
"dataSourceName": "WeMos at Point 1",
"readPermission": "",
"setPermission": "",
"chartColour": "black",
"plotType": "SPLINE",
"purgeOverride": false,
"purgePeriod": {
"periods": 1,
"type": "YEARS"
},
"id": 33,
"xid": "DP_389756",
"name": "Humidity at Point 1"
}

[Jared Wiltshire]

Hi Balistar, you're right we need a comprehensive list of directives and attributes. At the moment all we have are the examples. Although I believe most of the directives have examples which cover 90% of their functionality, you might just have to read through several examples to get the hang of some of them.

You are trying to use a point name to display a point on a gauge chart by the looks of it. The point attribute needs to be passed a point object from a <ma-point-list> or <ma-get-point-value> for example.

If you just want to get a single point by XID add the following
<ma-get-point-value point-xid="DP_698831" point="myPoint"></ma-get-point-value>
and change the point attribute of <ma-gauge-chart> to myPoint

[Balistar]

Hi Jared, Got it. Looking forward to that comprehensive list of directives and attributes.

[v8dave]

I'd just like to add a request for a list of the directives for the ma-gauge-chart etc. Something like the AngluarJS website would be nice to be able to find a list of the directives.

For example, I can find anything to set the minor ticks, only the major via interval.