Versions Compared

Key

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

Please check out our YouTube video or our Live Demo to get an idea about how Chart.js Diagrams for Confluence Cloud works.

Table of Contents

Table of Contents

Installation

...

  • Chart.js pie chart: Creates a pie chart based on a Confluence table.

  • Chart.js line chart: Creates a line chart based on a Confluence table.

  • Chart.js bar chart: Creates a bar chart based on a Confluence table.

  • Chart.js radar chart: Creates a radar chart based on a Confluence table.

...

  • Height: Height of the macro in pixel (default is 360px)

  • Pie color: Comma separated list of pie colors (leave empty to use default color palette)

  • Dataset mode: Defines whether to use rows or columns as dataset; select “Auto” to detect datasets automatically

Macro “Chart.js line chart”

The macro creates a line chart based on a Confluence table and provides the following options:

  • Height: Height of the macro in pixel (default is 360px)

  • Line color: Comma separated list of line colors (leave empty to use default color palette)

  • Line fill: Comma separated fill status (use “true” or “false”)

  • Y-axis begin at zero: Check to start the y-axis at 0

  • Dataset mode: Defines whether to use rows or columns as dataset; select “Auto” to detect datasets automatically

Macro “Chart.js bar chart”

The macro creates a bar chart based on a Confluence table and provides the following options:

  • Height: Height of the macro in pixel (default is 360px)

  • Bar color: Comma separated list of bar colors (leave empty to use default color palette)

  • Bar fill: Comma separated fill status (use “true” or “false”)

  • Y-axis begin at zero: Check to start the y-axis at 0

  • Dataset mode: Defines whether to use rows or columns as dataset; select “Auto” to detect datasets automatically

Macro “Chart.js radar chart”

  • Height: Height of the macro in pixel (default is 360px)

  • Line color: Comma separated list of line colors (leave empty to use default color palette)

  • Dataset mode: Defines whether to use rows or columns as dataset; select “Auto” to detect datasets automatically

  • Minimum value: Minimum value of the radar chart (gets overridden if data source contains lower values)

  • Maximum value: Maximum value of the radar chart (gets overridden if data source contains higher values)