Build a Mango Dashboard Tutorial (Mango 2.x)

[phildunlap]

Hi Nyoa,

I'm not sure it's exactly what you're seeking, but have you looked at the example pages in the Custom Dashboards module? Check Mango/web/modules/dashboards/web/public and Mango/web/modules/dashboards/web/private?

[nyoa]

This post is deleted!

[nyoa]

Are the tutorials located in "/web/modules/dashboards/web/private/pointHierarchyExamples" still relevant? I tried to create a chart based on "realtimeSerialChart.shtm", but for some reason only the legend is visible, while the rest of the chart doesn't appear. I have basically copied all the code and only made changes to div id:s and matchAttribute so it would correspond with my data point.

I also tried to view the example (realtimeSerialChart.shtm) it seems to have the same problem with only the legend being visible and rest of the chart not appearing.

[phildunlap]

Many definitely are but some may not be. Most of the examples will let you specify an XID to see what the page is doing, but others are hardcoded to a point with the xid 'voltage'. You can click around through any you question the working-ness of after you click the 'Custom Dashboards' icon in the Mango interface.

[nyoa]

@phildunlap

Thanks for the fast reply.

Here is the code I use http://pastebin.com/MtFgArsN

The console gives me this error: "This file is deprecated. Please use RealtimeDataProvider.js instead." and the source is "RealtimePointValueDataProvider.js".

Here is the console output

Thanks for any help you can offer. I'm a total newbie at Mango Automation but am eager to learn the basics!

[phildunlap]

Honestly I haven't engaged the API to any great extent; I've been getting back into the swing of things. Perhaps @terrypacker knows. I tried to use RealtimeDataProvider as a drop in replacement, but it didn't work. Those example pages in the private/pointHierarchyExamples/ directory were marked legacy, so it is what it is. The tutorial examples are the preferred version of things.

Also, isn't that just a warning?

[nyoa]

@phildunlap

I tried to use a different tutorial (dataPointChart.shtm), which was a working example. However, to be able to get a data point the tutorial uses "MangoAPI.defaultApi.queryPoints($('#query').val())" where the query returns "limit(10)' by default.

This function then does a query to data points and limits the amount of returned objects to 10. I would like to make a query based on xid, but am not able to find any documentation.

[terrypacker]

nyoa,

You can query data points by XID with the = operator like this:

xid=DP_00001

or to collect multiple points you can do this

xid=DP_009050|xid=DP_549302

This query language is RQL and is described here: https://github.com/persvr/rql

[JoelHaggar]

There is a tutorial file in the custom dashboards folder with some examples: You should find it here: http://yourmangoip/mango-api-docs/tutorial-dataPointQuery.shtm

[nyoa]

JoelHaggar and terrypacker

Thank you both for your help. Do you happen to know if there is documentation about how to modify "timePresetPicker"? I would like to have three buttons (HH, WW, MM) that would make the chart represent the data in their respective time frame, but with timePresetPicker I have to use a dropdown menu that is populated with lots of values I don't want.

Is there possibly different types of timePickers than timePresetPicker?

Also do you happen to know why "providerManager.refreshProviders();" under:

$('#presetPicker').on('change', function() {
    providerManager.refreshProviders();
 }

But if I want to call it in somewhere else when the document loads it gives an error "this.amChart.validateData is not a function"