Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Anchor
Top
Top

Table of Contents

You can create multiple charts per report and combine them together like an infographic:

Image RemovedImage Added

Or as an alternative summary:

Image Modified
Panel
borderWidth1
borderStylesolid
titleIn this section

Page Tree
rootCharts

Tip

Add key stats to your infographic by adding single numerical displays and associated text.

Additional Charts

To add another chart, click on the plus in the bottom right of the chart screen.

Image Modified

Follow the same steps as before to configure this new chart.

  • To toggle between charts, select the relevant chart in the bottom panel.

Image Modified
  • To delete a chart, hover over it and click the X in the top right corner.

    Image Modified

Chart Types for Infographics

If you intend on creating an infographic, note that it may be helpful to include single statistics or measures as part of it. Use the Digital Numeric Display or Numeric Display chart types for this purpose.

Image Modified
Chart Output

Canvas Design

Once your charts are created, go to the

Output

Design page.

Image Removed
Image Added

You will be presented with a canvas to add your charts, as well as other content.

Image Removed

Note - once you have arranged your charts and widgets as per below, click the tick at the top right of the canvas to confirm your changes.

  1. Click the pie graph icon in the left hand menu to access your charts and widgets. Drag the desired content onto the canvas.

Image Removed
  1. Image Added

2. Move, resize, bring to front, send to back to remove your content on your canvas.

Note that you will see a prompt 

Image Removed

3.

Image Added

You can also update the chart properties using the floating box on the right of your screen (appears when you select the chart on the canvas).

Image Added

Once all charts have been added, ensure you have added any required widgets, like

some text. Edit the text by clicking the pencil icon, and then the tick to confirm your changes.

Image RemovedImage Removed Image Removed

You'll also see some text editing options appear above the canvas while editing.

Image Removed

Finalising Your Canvas

Critically, once you have arranged your charts and widgets, click

text, graphics or images.

Image Added

Text Parameters

Parameter

Parameter Text

Description

Report Name

[reportname]

Adding this will place the name of your report in your chart. You can set the report name when you publish it.

Report Description

[reportdescription]

This will show your report's description. You can provide this description when you publish the report.

Cell Value

[tablevalue:column=<value>:row=<value>]

This parameter takes a column and row coordinate from a report table and displays its value in the text widget. 

For example, [tablevalue:column=1:row=1] will display whatever value is in the first column and row of a table.

Note:

  • If the target contains a drill link, the parameter will ignore it.

  • If the target contains special formatting, such as bold, typeface, and border, the parameter will ignore it and use the text widget formatting instead.

  • If the target column field format is set (eg, Sparkline Formatter, Image Link Formatter, Action Button etc.), the parameter will preserve that setting.

  • If the target table has hidden columns, these should be counted (eg, if column 1 has a hidden field before it, it is actually column 2).

  • If the target doesn't exist, the parameter will be replaced with an empty string.

Filter Value

[filter:<filter_order>]

This widget parameter returns the filter you have applied in your report. You can include any filter by entering its order number.

For example, [filter:2] displays the second filter. Note however, that if a specified filter yields no value, then (None)will be displayed by default.

Raw Filter Value

[filter:<filter_order>:format=<value>]

This operator is used to display the filter value in its raw form or with the applied format.

Use the following keywords in place of <value>:

  • Raw: This displays the filter value in its raw form, even if a format has been applied to it. (Applied by default.) For example: [filter:1:format=raw]

  • Formatted: Use this keyword to display the filter value with its applied format. For example: [filter:1:format=formatted]

Filter Value with empty text

[filter:<filter_order>:empty=<text>]

You can also specify the exact text to display, if the selected filter brings up no value, by using the Empty operator. Simply enter the text that you want to show in case the filter returns empty.

E.g. [filter:1:empty=No result] - If the first filter is empty, then the text 'No result' will appear where this text widget filter parameter is placed.

Note: The following characters should not be included in the text: “:”, “[” or “]”.

Column Aggregation

[total:<column_number>]

Use this to display the total aggregation value set on a column field, where the column is specified with its order number in the report.

For example: [total:3] will show the total aggregated value of the third column.

This value will depend on the aggregation type set on the total of the column field in the report, if any has been defined; otherwise it will display the total Sum value for metric fields, or the total Count for dimension fields.

Column Aggregation Type

[total:<column_number>:<aggregation_type>]

This is similar to the above parameter, however it displays the total column value depending on the aggregation type that you specify in here. This will override the existing aggregation type defined in the report. Use the following keywords to specify the aggregation type (ensure the same format is used for these keywords, i.e. all capital letters):

SUM, AVG, MAX, MIN, COUNT, and COUNTDISTINCT.

For example, [total:2:AVG] will display the total average of the second column.

Note: For dimension fields, only COUNT and COUNTDISTINCT can be applied.

Analytics Classic only: you will also need to finalise your canvas by clicking the tick at the top right of the canvas to confirm your changes.

Image Modified

If you don't, and you navigate away from the canvas, you will lose your changes. To update a saved canvas, click the pencil icon in the top right.

Image Modified

4.

Multiple Charts &

Infographics
Panel
borderWidth1
borderStylesolid
titleIn this section

Page Tree
rootCharts

TipAdd key stats to your infographic by adding single numerical displays and associated text.

Infographics#Top