workbench-WebWidget
This is a bajaux, HTML5-based application that incorporates a view with interactive functionality which allows you to edit
properties and invoke commands from the view. You can easily add data to a WebWidget, such as the WebChart or Dashboard, simply
by dragging one or more components onto the widget. The widget renders in both
Examples of the bajaux WebWidget include the following:
- The WebChart displays the Chart view which can display historical data and update with live data. Also, in a the view you can easily add data and invoke
numerous commands and settings to modify data presentation.
Figure 12. Chart WebWidget
- The CircularGauge displays the graphical gauge view which updates with live data and provides contextual information for the
current value. At any time you can dynamically switch the display to another component simply by dragging and dropping a different
component onto this widget.
Figure 13. CircularGauge WebWidget
- A Dashboard may be added to any PxPage and displayed in the PxViewer. Additional WebWidgets may be added to the Dashboard pane to customize the presentation of data. The dashboard is used to write dashboard-specific data to and from a station
for a specific user.
Figure 14. Dashboard WebWidget
| Property | Value | Description |
|---|---|---|
| defaultOption | file:^charts/defaultOptions.chart | Provides ord for the defaultOption widget. You can browse to select another widget. |
| hideHeaderWidth | number | All headers are visible when you set the value 800 pixel and above. |
| Visible | true (default), false | Enables/disables display of the widget. |
| Enabled | true (default), false | Enables and disables use of the component. |
| Layout | Default values: X=0.00, Y=0.00, Width=000.00, Height=000.00 Fill=on, off (default) | Provides X and Y positioning coordinates for the widget as well as, Width, Height, and Fill. X and Y units can be specified as Absolute or Percent. While Width and Height dimensions can be specified as Absolute, Percent, or Preferred units. The Fill checkbox turns fill on or off. |
| Js | view:webChart:ChartWidget (default) | Provides ord for the Javascript widget. You can browse to select another widget. |
| layer | drop-down | null |
| legendVisibility | drop-down | Provides legendVisibility as per set value. (for example Responsive, Show, Hide)
|
| preferredSize | Default values: Width=000.00, Height=000.00 | preferredSize can use to set the values of height and width of widgetbar. |
| title | text | You can add the title. |
| titlevisibility | drop-down | Provides titleVisibility as per set value. (for example Responsive, Show, Hide)
|
| wbViewBinding | Binding null —>WebWidget (default) | Provides ord for bound label. You can browse to select the Ord. Also provides selectable options for Degrade Behavior (None, Disable, and Hide). |