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)
dataset   string Dataset |
label Label string (Column of dataset expected) Name of the column containing the labels |
value Value number (Column of dataset expected) Name of the column containing the values |
drill Drill array | Select columns in the order that describe your hierarchy (e.g. ‘region’, then ‘country’ and then ‘city’)
meta     |

Optional

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

parameters label type description (placeholder | tooltip)
sort   string |
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
legend Display legend boolean |
distinctArcsByColors Distinct arcs by colors boolean |
size Size number Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1
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
tutorial Tutorial object |
tutorial/alwaysShow Always show this tutorial boolean | By default the tutorial is shown once only
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.
tutorial/content Message string Enter your message | This will be displayed to your users
defaultSelected Segment selected by default   |
style Custom CSS class string amazing-class | Set a custom CSS class to target this specific chart with CSS

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