New-barlinechart reference

To display 2 different metrics in bars and lines

Overview

📖 Learn More about the new-barlinechart here.

📖 Find examples on the new-barlinechart here.

Options

Available in studio

parameters label type optional description choices
bars/domain   array      
bars/zeroBaseline Overwrite zero baseline number   (Optional)  
bars/showValues Show all bar values boolean      
tickFormat Custom date tick format (for date bars label) string True Insert d3 time format (.i.e. ‘%Y’ to display just years.Click here for more info on format)  
hideEmptyGroups Hide empty bar groups boolean True    
label Bars label string   Column name containing the label  
alignRightAtInit Scroll graph to the right boolean True (At initialization)  
defaultSelected Default label selected string True (first, last, report or the name of the label)  
groups Bars group string True Column name containing the grouping  
commonScale Use same scale for bars and lines boolean True    
lines/domain   array      
lines/displayBarsOnTop   boolean      
lines/y y axis string   Column name containing the value for y axis  
lines/serie   string   Column containing the name of the different lines (Optional - For multi-linechart)  
lines/zeroBaseline Overwrite zero baseline number   (Optional)  
lines/smoothLine   boolean      
lines/x x axis string   Column name containing the value for x axis (Same as bars label)  
lines/showValues Show all lines values boolean   (Not recommend to use it on both lines and bars!)  
value Bars value string   Column name containing the value  

Only in code mode

parameters label type optional description choices
comment   string      
labelsDomain   string True   [u’bars’, u’lines’, u’bar and lines’, u’bars or lines’]
labelsOrder   oneOf   Select your dataset column  
style   string True    
colorSelectedBar   boolean True    
source   string      
groupsOrder   oneOf   Select your dataset column  
legend   anyOf      
disableZoomIn   boolean      

Code mode sample

charts: [
  {
    "chartType": "new-barlinechart"
  }
]