Hello Everyone,

I'm tryint to set up a http retriever data source that tracks certain points on a webpage. I've created the data source and a test data point with the RegEx below:

I've made sure the RegEx points to the right number, in this case what im trying to collect is the "93" highlighted below (tested using notepadd++ and regexr.com:

But for some reason whenever i try to validate the data source, it states
"Validation error - No value match made for point Test Soc ".

Does anyone have any thoughts on this?

Hi Everyone,

I was woncering if anyone knew an easy way to format a data point value, or text value as per whether or not there's an active event on that data point.

<p>
    The point value is <ma-point-value point-xid="XXX-XXX"></ma-point-value>
</p>

Without Active Event:

With Active Event:

worked like a charm, thanks always for the help @MattFox.

Another question that will again probably be very basic, is there a way for me to auto centre a <ma-tank-level> or a <ma-gague-chart> within a card?

Hi Henry,

May be a stupid question, but is there a way to give them an aspect ratio?

Sorry I sent the wrong snippet, its meant to say {{myDataSource.xid}} in the query not {{myDataSource}}

Hey All,
I'm having a bit of trouble getting a <ma-point-query> directive to work with a data source XID from a <md-input-container>.
As you can see, when I manually enter the XID the code works as expected, but how do I automatically use the XID of the selected Data Source?

<md-input-container>
        <label>Choose a data source</label>
        <ma-data-source-list ng-model="myDataSource"></ma-data-source-list>
    </md-input-container>
    {{myDataSource.name}}   {{myDataSource.xid}}   {{myDataSource.id}}
    <ma-point-query query="'eq(dataSourceXid,{{myDataSource}})&amp;sort(deviceName,name)&amp;limit(200)'" points="eventPoints"></ma-point-query>
{{eventPoints.name}}

<md-input-container>
       <label>Choose a data source</label>
       <ma-data-source-list ng-model="myDataSource"></ma-data-source-list>
   </md-input-container>
   {{myDataSource.name}}   {{myDataSource.xid}}   {{myDataSource.id}}
   <ma-point-query query="'eq(dataSourceXid,DS_f4bd539a-6d8d-4557-8248-1650c7a447e9)&amp;sort(deviceName,name)&amp;limit(200)'" points="eventPoints"></ma-point-query>
   {{eventPoints}}

Hey Craig, Thanks for all the help.
I ended up figuring it out :)

<md-card flex="">
                                <md-card-content>
                                    <ma-get-point-value point-xid="UAR-STN-DP_Gen_BreakerState" point="point1"></ma-get-point-value>
                                    <ma-get-point-value point-xid="UAR-STN-DP_Gen_State" point="point2"></ma-get-point-value>
                                    <ma-point-values point="point1" values="point1Values" from="dateBar.to | maMoment:'subtract':1:'day'" to="dateBar.to" rollup="FIRST" rollup-interval="1 hours">
                                    </ma-point-values>
                                    <ma-point-values point="point2" values="point2Values" from="dateBar.to | maMoment:'subtract':1:'day'" to="dateBar.to" rollup="FIRST" rollup-interval="1 hours">
                                    </ma-point-values>
                                    
                                    <ma-state-chart style="height: 500px; width: 100%" series-1-title="{{point1.name}}" series-1-values="point1Values" series-1-labels="point1.getTextRenderer().values" series-2-title="{{point2.name}}" series-2-values="point2Values" series-2-labels="point2.getTextRenderer().values">
                                    </ma-state-chart>

                                </md-card-content>
                            </md-card>

Also just for validation, here's the result when I enter it into the example page:

Hey Craig,
Yeah as I said before I originally did this in the example page and it worked perfectly, so I decided to put this in our dashboard then for some reason it's not working (still works on the example page).
I've definitely done something absolutely STUPID to stop it from working but I just cannot figure out what it is hahaha.

<md-card flex="">
                                <md-card-content>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_BreakerState" point="point1" values="point1Values" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}} {{dateBar.rollupIntervalPeriod}}">
                                    </ma-point-values>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_State" point="point2" values="point2Values" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}}">
                                    </ma-point-values>
                                    <div style="position:inherit;width:100%;height:100px">{{point1.getTextRenderer().values}}</div>
                                    
                                    <ma-state-chart series1-values="point1Values" series1-title="Breaker State" series2-values="point2Values" series2-title="Generator State" style="position: inherit; width: 100%; height: 100px;" series-1-labels="point1.getTextRenderer().values" series-2-labels="point2.getTextRenderer().values"options="{categoryAxis:{labelTime: transparent}}"></ma-state-chart>
                                </md-card-content>
                            </md-card>

Done, but still unfortunately nothing.

<md-card flex="">
                                <md-card-content>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_BreakerState" point="point1" values="point1Values" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}} {{dateBar.rollupIntervalPeriod}}">
                                    </ma-point-values>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_State" point="point2" values="point2Values" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}}">
                                    </ma-point-values>
                                    <ma-state-chart series1-values="point1Values" series1-title="Breaker State" series2-values="point2Values" series2-title="Generator State" style="position: inherit; width: 100%; height: 100px;" series-1-labels="point1.getTextRenderer().values" series-2-labels="point2.getTextRenderer().values"options="{categoryAxis:{labelTime: transparent}}"></ma-state-chart>
                                </md-card-content>
                            </md-card>
                            <md-card flex="">
                                <md-card-content>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_Load" point= "point3" values="point3Values" from="dateBar.from" to="dateBar.to"></ma-point-values>
                                    <ma-serial-chart series-1-values="point3Values" series-1-points="point3" style="height: 200px; width: 100%"></ma-serial-chart>
                                </md-card-content>
                            </md-card>

<md-card flex="">
                                <md-card-content>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_BreakerState" point="point1" values="point1Values" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}} {{dateBar.rollupIntervalPeriod}}">
                                    </ma-point-values>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_State" point="point2" values="point2Values" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}}">
                                    </ma-point-values>
                                    <ma-state-chart series1-values="point1Values" series1-title="Breaker State" series2-values="point2Values" series2-title="Generator State" style="position: inherit; width: 100%; height: 100px;" options="{categoryAxis:{labelTime: transparent}}"></ma-state-chart>
                                </md-card-content>
                            </md-card>
                            <md-card flex="">
                                <md-card-content>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_Load" point= "point3" values="point3Values" from="dateBar.from" to="dateBar.to"></ma-point-values>
                                    <ma-serial-chart series-1-values="point3Values" series-1-points="point3" style="height: 200px; width: 100%"></ma-serial-chart>
                                </md-card-content>
                            </md-card>

Hey Craig,

I'm fairly new to this, as I'm sure you can tell. But I had originally tried the chart out in the examples/state-chart section, where it does work. The rollup is set to none and the points are definitely multistate points using the range renderer.
Funny enough, at some point (this is something I only work on when I have the time), the time issue seems to have rectified itself and it's now presenting correctly. The text rendering however is still not working :(

@craigweb said in State Chart X-Axis showing different time format:

series-1-labels="point1.getTextRenderer().values"

Hey Craig,
Thats another thing I had tried, then removed, I've put it back in, but still no luck. Neither of the charts have changed at all :(

Hey Craig,

Thanks for the reply, still no cigar. The redered="true" was in place originally but i think i removed it to see if anything would change.

Hey Everyone,

I am having some issues with the charts below.
Firstly both charts are displaying a strange time signature along the x-axis, instead of just the date/time. And secondly The state chart does not appear to recognize any of the text rendering of the data points.

<md-card flex="">
                                <md-card-content>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_BreakerState" point="point1" values="point1Values" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}} {{dateBar.rollupIntervalPeriod}}">
                                    </ma-point-values>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_State" point="point2" values="point2Values" from="dateBar.from" to="dateBar.to" rollup="{{dateBar.rollupType}}" rollup-interval="{{dateBar.rollupIntervals}}">
                                    </ma-point-values>
                                    <ma-state-chart series1-values="point1Values" series1-title="Breaker State" series2-values="point2Values" series2-title="Generator State" style="position: inherit; width: 100%; height: 100px;" options="{categoryAxis:{labelTime: transparent}}"></ma-state-chart>
                                </md-card-content>
                            </md-card>
                            <md-card flex="">
                                <md-card-content>
                                    <ma-point-values point-xid="UAR-STN-DP_Gen_Load" point= "point3" values="point3Values" from="dateBar.from" to="dateBar.to"></ma-point-values>
                                    <ma-serial-chart series-1-values="point3Values" series-1-points="point3" style="height: 200px; width: 100%"></ma-serial-chart>
                                </md-card-content>
                            </md-card>

Any new ideas for this? I've just come back to the topic so was wondering if anyone had any insights?

Hey There,
I am having a similar problem, was wondering if there were any updates?

@mattfox

Thanks Mate,
That looks like its worked, it needs a bit of a visual change up, as it shows a new events table for each individual data point, but it looks like thats not too bad.

@mattfox
Hey Matt,
Yeah, there are currently active events on most of those point, they show up on <ma-events-table> method.