Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Version History

« Previous Version 8 Next »

Overview

Unknown macro: {styleclass}

[top]

Multi-Chart Creation

Unknown macro: {styleclass}

[top]

Canvas Components

Unknown macro: {styleclass}

[top]

The Multi-Chart Canvas can contain various widgets as well as charts created in the Charts step of the builder.

Charts

Any chart created during the Charts step of the report builder can be added to a Multi-Chart canvas. To add a chart to the canvas:

 Click to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the chart you wish to add and drag it onto the canvas.
    Unable to render embedded object: File (02canvasAddChart.png) not found.

Image

Images can be added to the canvas to add context to the data shown. To add an image to the canvas:

 Click to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the Image widget and drag it onto the canvas.
    Unable to render embedded object: File (02canvasAddImage.png) not found.
  3. Click the Select Image icon on the widget to choose an image file.
    Unable to render embedded object: File (02selectImage.png) not found.
  4. Choose an image file, or upload a new image.
  5. You will now have the selected image displayed in the widget.
    Unable to render embedded object: File (02showImage.png) not found.

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:

 Click to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the Text widget and drag it onto the canvas.
  3. Click the Edit Text icon on the widget to choose an image file.
    Unable to render embedded object: File (02editText.png) not found.
  4. Type the text you wish to use in the widget and apply formatting as required.
  5. Click the Edit Text icon again to save the changes.
    Unable to render embedded object: File (02saveText.png) not found.
  6. You will now have the text displayed in the widget.
    Unable to render embedded object: File (02showText.png) not found.

Rectangle

Rectangles can be added to the canvas for use around or behind other widgets. To add a rectangle to the canvas:

 Click to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the Rectangle widget and drag it onto the canvas.
  3. Click the Border icon on the widget to define a colour for the outline of the rectangle.
    Unable to render embedded object: File (02setBorder.png) not found.
  4. Click the Fill icon on the widget to define a colour for the middle of the rectangle.
    Unable to render embedded object: File (02setFill.png) not found.
  5. Adjust the size and position of the rectangle as needed.

    See [#Component Actions] for more information.

Icon

Icons can be used to add context and draw attention to data displayed in charts. To add an icon to the canvas:

 Click to view instructions...
  1. Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
  2. Select the Icon widget and drag it onto the canvas.
  3. Click the Select Icon option on the widget to define the icon used.
    Unable to render embedded object: File (02selectIcon.png) not found.
  4. Click the Select Icon Colour option to define the colour of the icon used.
    Unable to render embedded object: File (02selectIconColour.png) not found.
  5. Adjust the size and position of the rectangle as needed.

    See [#Component Actions] for more information.

  6. You will now have an icon displayed in the widget.
    Unable to render embedded object: File (02showIcon.png) not found.

Note: icons will not appear in exports or emailed versions of the multi-chart canvas.

Component Actions

Unknown macro: {styleclass}

[top]

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.
Unable to render embedded object: File (03resize.png) not found.

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.
Unable to render embedded object: File (03back.png) not found.

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.
Unable to render embedded object: File (03front.png) not found.

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.
Unable to render embedded object: File (03delete.png) not found.

Canvas Actions

Unknown macro: {styleclass}

[top]

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.
Unable to render embedded object: File (04shrink.png) not found.

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.
Unable to render embedded object: File (04activate.png) not found.

Edit

In order to edit an active canvas, the edit button will need to be clicked.
Unable to render embedded object: File (04edit.png) not found.

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.
Unable to render embedded object: File (04guide.png) not found.

Unable to render embedded object: File (04guide2.png) not found.

Canvas Use

Unknown macro: {styleclass}

[top]



Unknown macro: {horizontalrule}
Unknown macro: {styleclass}

[top]

  • No labels