Page Comparison

{anchor:top}
{toc: class=contents}
h2. Overview 
{styleclass: Class=topLink}[top|#top]{styleclass}


h2. Creation 
{styleclass: Class=topLink}[top|#top]{styleclass}


h2. Canvas Setup
{styleclass: Class=topLink}[top|#top]{styleclass}

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

h4. 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:
{expand}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the chart you wish to add and drag it onto the canvas.
!02canvasAddChart.png|thumbnail,border=1!
{expand}

h4. Image
Images can be added to the canvas to add context to the data shown. To add an image to the canvas:
{expand}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the Image widget and drag it onto the canvas.
!02canvasAddImage.png|thumbnail,border=1!
# Click the Select Image icon on the widget to choose an image file.
!02selectImage.png!
# Choose an image file, or upload a new image.
# You will now have the selected image displayed in the widget.
!02showImage.png!
{expand}

h4. 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}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the Text widget and drag it onto the canvas.
# Click the Edit Text icon on the widget to choose an image file.
!02editText.png!
# Type the text you wish to use in the widget and apply formatting as required.
# Click the Edit Text icon again to save the changes.
!02saveText.png!
# You will now have the text displayed in the widget.
!02showText.png!
{expand}

h4. Rectangle
Rectangles can be added to the canvas for use around or behind other widgets. To add a rectangle to the canvas:
{expand}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the Rectangle widget and drag it onto the canvas.
# Click the Border icon on the widget to define a colour for the outline of the rectangle.
!02setBorder.png!
# Click the Fill icon on the widget to define a colour for the middle of the rectangle.
!02setFill.png!
# Adjust the size and position of the rectangle as needed. 
bq. See [#Component Actions] for more information.
{expand}

h4. Icon
Icons can be used to add context and draw attention to data displayed in charts. To add an icon to the canvas:
{expand}
# Click on the Multi-Charts Objects panel on the left of the Output step to view a list of available charts and widgets.
# Select the Icon widget and drag it onto the canvas.
# Click the Select Icon option on the widget to define the icon used.
!02selectIcon.png!
# Click the Select Icon Colour option to define the colour of the icon used.
!02selectIconColour.png!
# Adjust the size and position of the rectangle as needed. 
bq. See [#Component Actions] for more information.
# You will now have an icon displayed in the widget.
!02showIcon.png!
{expand}
{color:#CC0000}*Note:*{color} icons will not appear in exports or emailed versions of the multi-chart canvas. 

h3. Component Actions

h4. Resize

h4. Reposition

h4. Send to Back

h4. Bring to Front

h4. Delete

h3. Activate


h2. Use 
{styleclass: Class=topLink}[top|#top]{styleclass}

\\
\\
{horizontalrule}
{styleclass: Class=topLink}[top|#top]{styleclass}