Stackedbarchart reference¶
Good to visualise a breakdown by category for a whole entity
Parameters¶
Required¶
You must fill these parameters to produce a Stackedbarchart
| parameters | label | type | description (placeholder | tooltip) |
|---|---|---|---|
| label | Label | string (Column of dataset expected) | Column containing bars label | |
| metaSerie | | | ||
| meta | | | ||
| dataset | string | Dataset | | |
| groups | Groups | string (Column of dataset expected) | Column containing bars breakdown | Will be displayed as colors inside the bar |
| value | Value | string (Column of dataset expected) | Column containing group value | |
| lines | object | | | |
| lines/smoothLine | Smooth line | boolean | | Interpolate between points to ‘smooth’ the line |
| lines/x | X axis | string (Column of dataset expected) | Column name containing x axis values | Same as bars label |
| lines/y | Y axis | string (Column of dataset expected) | Column name containing y axis values | |
Optional¶
You can let these parameters unset if you do not need them
| parameters | label | type | description (placeholder | tooltip) |
|---|---|---|---|
| hideEmptyGroups | Hide empty groups | boolean | | |
| mobileSize | Mobile Size | number | Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1 |
| visualSelection | Highlight selected bar | boolean | | Display rectangle around selected bar |
| tickFormat | Custom date format (for date labels) | string | d3 time format. i.e. ‘%Y’ for years | Customize the date display on the axisUse d3 time format |
| legend | Display legend | boolean | | |
| urlLabels | URL link | string (Column of dataset expected) | Column containing url link | Add url link to bars label.Works only on horizontal display |
| disableZoomIn | Disable zoom in animation | boolean | | The chart will be zoomable (if activated), but will not transition to a zoomed state.All bars will remain visible. |
| displayDirection | Choose display direction | string | | |
| disableZoom | Disable zoom | boolean | | The chart will not be zoomable.All bars will remain visible. |
| 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. | |
| sort | Sort bars | string | | Sort by value |
| packs | Packs | string (Column of dataset expected) | Column containing grouping of bars | For horizontal display only |
| showValues | Display all values | boolean | | Horizontal mode onlyIf your data contain negative valuestotal won’t be displayed on top of the bar |
| hideTotal | Hide bar total | boolean | | |
| variation | Variation | string (Column of dataset expected) | Column containing variation | Add a colored dot on the groups |
| packsOrder | Packs order | | Use it to order packs | |
| recycleColors | Recycle groups colors | boolean | | When chart data changes (filters or requesters) |
| size | Size | number | Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1 |
| labelsOrder | Labels order | | Use it to order labelsOverwrite the sort bars option | |
| groupsOrder | Groups order | | Use it to order groups | |
| packNames | Display packs names | boolean | | |
| defaultSelected | Default selected bar | string | First, last or the label you want to select by default | By default on first |
| style | Custom CSS class | string | amazing-class | Set a customm CSS class to target this specific chart with CSS |
| lines/commonScale | Use same scale for bars and lines | boolean | | |
| lines/showValues | Show all values on line | 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 !
| parameters | label | type | description (placeholder | tooltip) |
|---|---|---|---|
| source | string | | | |
| crossfilter | object | | Use it for crossfilter configurationShould be configured on the primary chart | |
| crossfilter/on | on column | string (Column of dataset expected) | Column existing in primary and filtered datasets | |
| crossfilter/datasets | Select the filtered datasets | array | | Datasets that will be filtered on the ‘on’ column |
| sentiment | object | | | |
| displayType | Choose display type | string | | |
| comment | string | | | |
| persistentGroupColors | Recycle groups colors | boolean | | when chart data changes (filters or requesters) |