New-stackedbarchart reference

Good to visualise a breakdown by category for a whole entity

Overview

📖 Learn More about the new-stackedbarchart here.

📖 Find examples on the new-stackedbarchart here.

Options

Available in studio

parameters label type optional description choices
tickFormat Custom date tick format (for date labels) string True Insert d3 time format (.i.e. ‘%Y’ to display just years.Click here for more info on format)  
packNames Display packs names boolean True (For horizontal display only)  
recycleColors Recycle groups colors boolean True (when chart data changes (filters or requesters))  
label   string   Column containing bar label  
visualSelection Display rectangle around selected bar boolean True    
sort   string True   [u’desc’, u’asc’]
displayDirection Choose the display direction string True (If your data contain negative valuestotal won’t be displayed on top of the bar) [u’vertical’, u’horizontal’]
packs   string True Column containing grouping of bars  
defaultSelected Default bar selected string True first, last, report or the label you want to select by default (By default on first)  
variation   string True Column containing variation values  
showValues Display all the values on the graph boolean True (Only working when the display direction is horizontal. It does not fit otherwise…)  
groups   string   Column containing the breakdown to display (will be displayed as colors inside the bar)  
hideTotal Hide the total value of each bar boolean True    
legend Display legend boolean      
hideEmptyGroups Hide empty groups in the legend boolean True    
value   string   Column containing the value for the bars  

Only in code mode

parameters label type optional description choices
comment   string      
labelsOrder   oneOf   Select your dataset column  
style   string True    
persistentGroupColors Recycle groups colors boolean True (when chart data changes (filters or requesters))  
source   string      
displayType Choose the display type string True   [u’stacked’, u’nps’]
groupsOrder   oneOf   Select your dataset column  
packsOrder   oneOf   Select your dataset column  

Code mode sample

charts: [
  {
    "chartType": "new-stackedbarchart",
    "value": "",
    "groups": "",
    "label": ""
  }
]