Page History
| Anchor | ||||
|---|---|---|---|---|
|
| Table of Contents | ||
|---|---|---|
|
...
multiple types of content can be displayed together
...
. A Canvas can be used for display on:
- Reports
- Dashboards
- Storyboards
To add a Canvas to a dashboard or storyboard, use the same steps you would with any normal single chart report.
Canvas
...
Properties
| Styleclass | ||
|---|---|---|
| ||
...
Gridlines
| Option | Description |
|---|---|
| Show Gridlines | |
| Gridline Size | |
| Snap to Grid |
Guidelines
| Option | Description |
|---|---|
| Horizontal | |
| Vertical | |
| Show Rulers |
Canvas Size
| Option | Description |
|---|---|
| Width | |
| Height | |
| Lock Size |
Canvas Design
| Option | Description |
|---|---|
| Background Colour |
Canvas Widgets
| Styleclass | ||
|---|---|---|
| ||
Each of these widgets should be used to add content to an overall canvas display, which helps your data and message get across.
Chart Widgets
| Option | Description |
|---|---|
| Edit | |
| Delete | |
| Order | |
| Menu |
| Option | Description |
|---|---|
| Height & Location | |
| X | |
| Y | |
| Width | |
| Height | |
Text Widgets
| Option | Description |
|---|---|
| Delete | |
| Order | |
| Font | |
| Colour | |
| Size | |
| Menu |
Widget Properties
| Option | Description |
|---|---|
| Text | |
| Font | |
| Size | |
| Colour | |
| Style | |
| Alignment | |
| Opacity | |
| Indent | |
| List Style | |
| Spacing | |
| Line | |
| Chars | |
| Height & Location | |
| X | |
| Y | |
| Width | |
| Height | |
Image Widgets
| Option | Description |
|---|---|
| Change | |
| Delete | |
| Order | |
| Menu |
Widget Properties
| Option | Description |
|---|---|
| Image Options | |
| Opacity | |
| Aspect Ratio | |
| Height & Location | |
| X | |
| Y | |
| Width | |
| Height | |
| Rotation | |
Shape Widget
| Option | Description |
|---|---|
| Delete | |
| Order | |
| Fill Colour | |
| Stroke Colour | |
| Stroke Width | |
| Menu |
Widget Properties
| Option | Description |
|---|---|
| Shape Options | |
| Fill Colour | |
| Stroke Colour | |
| Stroke Width | |
| Fill Opacity | |
| Height & Location | |
| X | |
| Y | |
| Width | |
| Height | |
| Rotation | |
Charts
Any chart created during the Charts step of the report builder can be added to a Chart canvas. To add a chart to the canvas:
| Expand | ||
|---|---|---|
| ||
|
Image
Images can be added to the canvas to add context to the data shown.
To add an image to the canvas:
| Expand | ||
|---|---|---|
| ||
|
Text
Text can be added to the canvas to add context, heading, or notes related to the data shown in charts. To add text to the canvas:
| Expand | ||
|---|---|---|
| ||
|
Rectangle
Rectangles can be added to the canvas for use around or behind other widgets. To add a rectangle to the canvas:
| Expand | ||
|---|---|---|
| ||
|
Icon
Icons can be used to add context and draw attention to data displayed in charts. To add an icon to the canvas:
| Expand | ||
|---|---|---|
| ||
|
Note: icons will not appear in exports or emailed versions of the chart canvas.
Component Actions
| Styleclass | ||
|---|---|---|
| ||
Resize
In order to resize a chart or widget added to the Multi-Chart Canvas, simply drag the bottom-right corner of the component to the desired size.
Reposition
In order to reposition a chart or widget added to the Multi-Chart Canvas, simply click and drag the component to the required area of the canvas.
Send to Back
The order of items displayed on the canvas can be changed by sending some items to the back and others to the front. Click the Send to Back icon on an item you wish to be displayed underneath another.
Bring to Front
The order of items displayed on the canvas can be changed by sending some items to the back and others to the front. Click the Bring to Front icon on an item you wish to be displayed on top of another.
Delete
Once added to the canvas, charts and widgets can be deleted if they are no longer required. Click on the Delete icon to remove an item from the canvas.
Canvas Actions
| Styleclass | ||
|---|---|---|
| ||
Shrink to Fit
Once all the required content has been added to, and positioned on the canvas you have the option to shrink the canvas size to fit the components. This removes any empty space around the edges of the canvas.
Activate
Once all the required content has been added to the canvas and any sizing and position adjustments have been made, the canvas should be activated.
Edit
In order to edit an active canvas, the edit button will need to be clicked.
Resize Guides
When the canvas is being resized by the user guides are displayed to show the standard dashboard and storyboard boundaries. This gives the user an idea of the sizing in relation to where the canvas will be finally displayed.
...
...