Chart Canvas(chart-ChartCanvas)

This component is the canvas widget under a ChartPane. Canvas is a editor used to draw the visual graphics, you can edit the properties of the canvas and adding widgets to the canvas pane to bind the data together in a single page.

A Canvas is available in BarChart/LineChart component in the Chart Palette.

Figure 1. Chart Canvas properties


To access these properties, expand Station > Config > Drivers > NiagaraNetwork > BarChart/LineChart and double-click on Canvas

Figure 2. Canvas view


To access the canvas page, right-click the Canvas > Views > New View and create a new Px view, click Ok.

The New Px canvas page opens, right-click on the canvas page and click Edit Properties to make changes.

PropertyValueDescription
Visibletrue (default) false
Sets the table to be visible in the Px page interface (true) or not (false).
Enabledtrue (default) false
Activates (true) and deactivates (false) use of the object (network, device, point, component, table, schedule, descriptor, etc.).
Layoutadditional properties
Opens a layout window for specifying the size and location of the table in relation to its parent (X, Y coordinates, height and width).
Filldrop-down list (defaults to Null)
Specifies the type of color to fill the pane.

Solid opens the color chooser window.

Gradient opens the gradient editor window.

Image opens the texture window. Click the browser icon to open a file chooser and ord chooser to select the image file.

Null indicates no background fill.

Border Strokedrop-down list (defaults to Null)Specifies color of the border. Solid opens the Color Chooser window. Gradient opens the Gradient Editor window. Image opens the Texture window, click the Browse icon to open the File Chooser, Ord Chooser, or other method of selecting an image file. Null indicates no border fill.
Border penadditional propertiesConfigures additional properties of a border.
Show Horizontal Grid Linestrue false(default)When set to true horizontal grid lines are visible. When set to false horizontal grid lines are invisible.
Show Vertical Grid Linestrue false(default)When set to true vertical grid lines are visible. When set to false vertical grid lines are invisible.
Grid Strokedrop-down list (defaults to Null)Specifies color of the grid. Solid opens the Color Chooser window. Gradient opens the Gradient Editor window. Image opens the Texture window, click the Browse icon to open the File Chooser, Ord Chooser, or other method of selecting an image file. Null indicates no grid fill.
Grid Penadditional propertiesConfigures additional parameters for grid pen.