Stackedbarchart reference

Good to visualise a breakdown by category for a whole entity

Overview

📖 Learn More about the Stackedbarchart here.

📖 Find examples on the Stackedbarchart here.

Parameters

Required

You must fill these parameters to produce a Stackedbarchart

parameters label type description (placeholder | tooltip)
lines   object |
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 |
lines/smoothLine Smooth line boolean | Interpolate between points to ‘smooth’ the line
meta     |
groups Groups string (Column of dataset expected) Column containing bars breakdown | Will be displayed as colors inside the bar
dataset   string Dataset |
metaSerie     |
value Value string (Column of dataset expected) Column containing group value |
label Label string (Column of dataset expected) Column containing bars label |

Optional

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

parameters label type description (placeholder | tooltip)
lines/showValues Show all values on line boolean |
lines/commonScale Use same scale for bars and lines boolean |
legend Display legend boolean |
packsOrder Packs order   | Use it to order packs
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
tutorial Tutorial object |
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
tutorial/alwaysShow Always show this tutorial boolean | By default the tutorial is shown once only
sort Sort bars string | Sort by value
groupsOrder Groups order   | Use it to order groups
hideEmptyGroups Hide empty groups boolean |
defaultSelected Default selected bar string First, last or the label you want to select by default | By default on first
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
urlLabels URL link string (Column of dataset expected) Column containing url link | Add url link to bars label.Works only on horizontal display
disableZoom Disable zoom boolean | The chart will not be zoomable.All bars will remain visible.
packs Packs string (Column of dataset expected) Column containing grouping of bars | For horizontal display only
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.
hideTotal Hide bar total boolean |
size Size number Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1
showValues Display all values boolean | Horizontal mode onlyIf your data contain negative valuestotal won’t be displayed on top of the bar
visualSelection Highlight selected bar boolean | Display rectangle around selected bar
variation Variation string (Column of dataset expected) Column containing variation | Add a colored dot on the groups
labelsOrder Labels order   | Use it to order labelsOverwrite the sort bars option
style Custom CSS class string amazing-class | Set a customm CSS class to target this specific chart with CSS
recycleColors Recycle groups colors boolean | When chart data changes (filters or requesters)
displayDirection Choose display direction string |
packNames Display packs names 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)
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
displayType Choose display type string |
sentiment   object |
source   string |
comment   string |
persistentGroupColors Recycle groups colors boolean | when chart data changes (filters or requesters)