Circular chart reference

To compare percentages

Overview

📖 Learn More about the Circular chart here.

📖 Find examples on the Circular chart here.

Parameters

Required

You must fill these parameters to produce a Circular chart

parameters label type description (placeholder | tooltip)
drill Drill array | Select columns in the order that describe your hierarchy (e.g. ‘region’, then ‘country’ and then ‘city’)
label Label string (Column of dataset expected) Name of the column containing the labels |
dataset   string Dataset |
meta     |
value Value number (Column of dataset expected) Name of the column containing the values |

Optional

You can let these parameters unset if you do not need them

parameters label type description (placeholder | tooltip)
style Custom CSS class string amazing-class | Set a customm CSS class to target this specific chart with CSS
legend Display legend boolean |
size Size number Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
defaultSelected Segment selected by default   |
sort   string |
tutorial Tutorial object |
tutorial/alwaysShow Always show this tutorial boolean | By default the tutorial is shown once only
tutorial/content Message string Enter your message | This will be displayed to your users
tutorial/id   string Enter an ID | Change the ID to display the tutorial again. All tutorials with the same ID will be displayed only once.
maxNumberOfArcs Max number of arcs per level number Default is 4 | The arcs that exceed this number will be squashed in a single arc named Others

Others

This parameters are either common to all charts, or hidden from studio. You can use them in code mode, but it’s not recommended !

No options here