Setting up a dashboard
Using the PxEditor view, you can setup a dashboard by adding a Dashboard Pane to the Px page and add an HTML5 “dashboardable” WebWidget (WebChart, CircularGauge, or a custom WebWidget). This procedure
describes adding the Chart WebWidget to a Px page.
Prerequisites:
- DashboardService added to station Services node
- Px file open in the PxEditor mode in
- dashboard and webChart palettes open
Perform the following steps:
- From the dashboard palette, drag the DashboardPane component onto the CanvasPane in the Px page.
- In the Px page Widget Tree, expand the DashboardPane to display the “content” subproperty, as shown.
- From the Nav tree, drag a point (such as a NumericWritable) directly onto the content space under the DashboardPane in the
widget tree.The Make Widget dialog box will appear.
- Select
From Palettefrom the options and selectChartfrom the webChart palette, and click OK.In the Widget Tree under the DashboardPane, the content subproperty displays as:WebWidget(Content)[station:|slot:/NumericWritable].
This configures the default Ord value for this dashboard. The web chart immediately begins plotting data for the point.
- In the
- Switch to PxView mode (click ).
NOTE: A Dashboard Pane may contain only one WebWidget. If you wish to include several dynamic WebWidgets on your Px page, you must
add a Dashboard Pane for each WebWidget.
The web chart in the Px View plots live data (and possibly historic data) for the selected point. Since the view features a dashboard, you can dynamically edit the data shown.
Another way to add the Chart WebWidget to a dashboard is by dragging the Chart widget from the webChart palette, to the DashboardPane’s content property in the Widget Tree. Double-click on WebWidget (Content) [null].
This invokes the Properties window for the chart WebWidget showing a null value in the Ord slot, as shown.
