Date: Fri, 29 Mar 2024 01:11:05 +0000 (UTC) Message-ID: <1683470365.1.1711674665550@df6b05735511> Subject: Exported From Confluence MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_Part_0_1216066909.1711674665524" ------=_Part_0_1216066909.1711674665524 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable Content-Location: file:///C:/exported.html
Please check out our YouTube video or our Live Demo to get an idea about how = Chart.js Diagrams for Confluence Cloud works.
As any app for Confluence Cloud, you can install the app via the Conflue= nce admin menu.
Log into your Confluence instance as an admin.
Click on =E2=80=9CApps > Manage apps=E2=80=9D in the header menu.
=Click on =E2=80=9CFind new apps=E2=80=9D on the right navigation.
Search for =E2=80=9CChart.js Diagrams for Confluence Cloud=E2=80=9D and = select it.
Click on =E2=80=9CTry it free=E2=80=9D to install the app.
DataTables for Confluence provides macros to create beautiful charts:
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.= p>
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.=
To make use of one of the macros click the =E2=80=9CInsert=E2=80=9D / = =E2=80=9C+=E2=80=9D Button in the edit mode, select one of the macros and a= dd a Confluence table as datasource.
The macro creates a pie chart based on a Confluence table and provides t= he following options:
Height: Height of the macro in pixel (default is 360px)
Pie color: Comma separated list of pie colors (leave empty to use defaul= t color palette)
Dataset mode: Defines whether to use rows or columns as dataset; select = =E2=80=9CAuto=E2=80=9D to detect datasets automatically
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 defa= ult color palette)
Line fill: Comma separated fill status (use =E2=80=9Ctrue=E2=80=9D or = =E2=80=9Cfalse=E2=80=9D)
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 = =E2=80=9CAuto=E2=80=9D to detect datasets automatically
The macro creates a bar chart based on a Confluence table and provides t= he following options:
Height: Height of the macro in pixel (default is 360px)
Bar color: Comma separated list of bar colors (leave empty to use defaul= t color palette)
Bar fill: Comma separated fill status (use =E2=80=9Ctrue=E2=80=9D or =E2= =80=9Cfalse=E2=80=9D)
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 = =E2=80=9CAuto=E2=80=9D to detect datasets automatically
Height: Height of the macro in pixel (default is 360px)
Line color: Comma separated list of line colors (leave empty to use defa= ult color palette)
Dataset mode: Defines whether to use rows or columns as dataset; select = =E2=80=9CAuto=E2=80=9D 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)