Circular chart reference¶
To compare percentages
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) |
|---|---|---|---|
| defaultSelected | Segment selected by default | | | |
| 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/content | Message | string | Enter your message | This will be displayed to your users |
| 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. | |
| style | Custom CSS class | string | amazing-class | Set a custom 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 |
| 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 |
| distinctArcsByColors | Distinct arcs by colors | boolean | | |
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