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

Optional

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

parameters label type description (placeholder | tooltip)
defaultSelected Segment selected by default   |
legend Display legend boolean |
style Custom CSS class string amazing-class | Set a customm CSS class to target this specific chart with CSS
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
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
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

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