Part 3 - Displaying content and generating charts in a dashboard

For this section, we'll complete the dashboard by displaying content from the project reports and also generate some useful charts with data from the project reports.

By the end of this section you should have something that looks like this:


Source code

The following source code is shared using Confluence Storage Format, the XHTML-based format that Confluence uses to store the content of pages, page templates, blueprints, blog posts and comments.

For more information on how to use this source code on your Confluence, read the following article:

⚙️ Expand

Steps

  1. Add a Page Properties Report macro and set its Label parameter to "show".

  2. Add text "Show Charts" and a Toggle Cloak macro.

  3. Add a Cloak macro.

  4. Within the Cloak macro, add a Section macro.

  5. Within the Section macro, add five Column macros.

  6. Edit the Column macros and set the Width parameters for all five columns to "5%", "25%", "25%", "25%", and "5%" respectively.

  7. Within column two, create a Chart macro.
    Set its type, Charttitle and columns parameters to "bar", "Cost" and "Title, Cost" respectively.

  8. Within the Chart macro, add an additional Page Properties Report macro.
    Set its Label parameter to "show".

  9. Within column three, create a Chart macro.
    Set its typeChart title and columns parameters to "bar", "Due Date" and "Title, Remaining Time" respectively.

  10. Within the Chart macro, add an additional Page Properties Report macro.
    Set its Label parameter to "show".

  11. Within column three, create a Chart macro.
    Set its typeChart title and columns parameters to "bar", "Team Size" and "Title, Team Size" respectively.

  12. Within the Chart macro, add an additional Page Properties Report macro.
    Set its 
    Label parameter to "show".

Macro structure

⚙️ Expand



success YOU'RE DONE