Linechart reference

Analyze trends and evolution overtime of one or more KPI

Overview

📖 Learn More about the linechart here.

📖 Find examples on the linechart here.

Options

Available in studio

parameters label type optional description choices
sentimentZones   array      
ticks/hideXTickLimits Hide start and end ticks boolean      
ticks/displayAllYTicks Display all y ticks boolean   (Will overwrite ‘smart’ ticks display)  
ticks/tickFormat x ticks format string   Describe how to display the date in the ticks (Use d3 time format. i.e. ‘%Y’ to display just years)  
ticks/displayAllXTicks Display all x ticks boolean   (Will overwrite ‘smart’ ticks display)  
domain   array      
smoothLine Smooth boolean True (Interpolate between points to ‘smooth’ the line)  
dateFormat Legend display format string True Describe how to display the date in the legend (Use d3 time format (like ‘%Y’ to display just years))  
xLegend Legend for x axis string True Enter text here  
yLegend Legend for y axis string True Enter text here  
selectLastDate Select last date boolean True (Always select the last date while changing filters)  
showValues Show all values on line boolean True (Warning: this is not recommended)  
groups groups : multi-linechart string True Column containing the name of the different lines  
date   string   Column containing the time dimension  
legend Display legend boolean      
commonScale Don’t adapt y axis when filtering boolean True (To resize the y axis)  
value   string   Column containing line value  
showMissingValues Display missing values boolean True (When a value seems missing,cut the line instead of joining points together)  

Only in code mode

parameters label type optional description choices
comment   string      
ticks/xTicks Number of max of x ticks integer   Specify number maximum of x ticks to be displayed  
style   string True    
reflectOrderInLegend Reflect value order in the legend boolean True    
source   string      
zeroBaseline   oneOf   (Let Toucan find out the best baseline for your chart) [u’auto’]
events   oneOf      
groupsOrder   oneOf   Select your dataset column  
groupsStyle   string True    
datesOrder   oneOf   Select your dataset column  

Code mode sample

charts: [
  {
    "date": "",
    "chartType": "linechart",
    "value": ""
  }
]