Versions Compared

Key

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

Introduction

Since the Chart.js for Confluence app reads the information from tables, it is fairly simple to use an Excel table and copy it over to Confluence into a chart macro. Here is an example for a Bar Chart.

Prepare the table in Excel

Image Modified

Select and copy the table

Image Modified

Edit your Confluence page and insert a Chart.js Bar Chart macro

Image Modified

Image Modified

Paste the Excel table from the clipboard into the macro body

Image Modified

Insert a 2nd and a 3rd column

The macro expects these two columns. They allow you to specify the type and color of the data series in each row.

Image Modified

Publish your page

At this

...

point you can already publish your page. Even though you haven't specified type and color. The macro will use defaults and random colors.

Image Modified

Edit your page again and fine tune your chart

You can go back to your macro and specify more details.

Image Modified

Final result after publish

Image Modified






Style
div#main-content.wiki-content {
   font-size: 1.2em !important;
   font-family: Segoe UI, sans-serif !important;
}