The Chart.js Bubble Chart macro can show several data sets of bubbles. The bubbles of each data set have a different color, indicated by the legend above the matrix. Each bubble is based on three values, its x-coordinate, its y-coordinate and its radius. A mouse-over tooltip shows these three values and the data set name it belongs to.
- 1.Edit your page.
- 2.Select “+” => Other macros
- 3.Type in “Chart.js” in the Search box
- 4.Select the “Chart.js Bubble Chart” macro
- 5.Enter and select the options of the macro
- 6.Click Insert
- 7.Put your data table in the macro body
- 8.Save the page
The macro requires a table with your data in the macro body. It needs to follow a certain format. Here is an example used for the above screenshoot:
The table must have a header row. It serves a visual purpose only though and the macro will ignore it.
The table must have at least 5 columns. You can add more if you want for your own purposes but the App will only read the first five and interpret them as follows. Each row represents one bubble.