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.

Parameters

Required

You must fill these parameters to produce a Linechart

parameters	label	type	description (placeholder | tooltip)
dataset		string	Dataset |
value	Y axis	string (Column of dataset expected)	Column containing line value |
meta			|
x	X axis	string (Column of dataset expected)	Column containing time dimension |
metaSerie			|

Optional

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

parameters	label	type	description (placeholder | tooltip)
showValues	Show all values on line	boolean	| Warning: this is not recommended
alwaysDisplayEvents	Always display all events	boolean	|
sentimentZones	Color zones	array	| Add colored zones. You can add multiple zones one by one
ticks	Ticks display	object	|
ticks/displayAllYTicks	Display all y ticks	boolean	| Will overwrite ‘smart’ ticks display
ticks/showTickLines	Show ticks indicators	boolean	|
ticks/hideXTickLimits	Hide start and end ticks	boolean	|
ticks/displayAllXTicks	Display all x ticks	boolean	| Will overwrite ‘smart’ ticks display
ticks/customXTicks	Add x ticks manually	array	| Choose the x values to display as ticks
legend	Display legend	boolean	|
showMissingValues	Display missing values	boolean	| When a value seems missing, cut the line instead of joining points together
domain	Scale	array	| Enter two value to define the min and max scale on which you want to display the linechart
serie	Series label	string (Column of dataset expected)	Column containing lines names |
reflectOrderInLegend	Reflect value order in the legend	boolean	|
commonScale	Don’t adapt y axis	boolean	| Resize the y axis when filtering
fixedSelection	Maintain selection	boolean	| Keep the selection when clicking on a point
defaultSelected	Dot selected by default		| First, last or the name of the x axis value
customTimeFormat	X axis date format	string	d3 time format. i.e. ‘%Y’ for years | Customize the date display on the axisUse d3 time format
yLegend	Legend for y axis	string	Enter text |
smoothLine	Smooth line	boolean	| Interpolate between points to ‘smooth’ the line
serieLegendOrder	Series order		| For legend display only
size	Size	number	Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1
xOrder	X axis order		| Use this if your x axis is not a time dimension
dashedLines	Dashed lines		| Choose the line which will be dashed
style	Custom CSS class	string	amazing-class | Set a custom CSS class to target this specific chart with CSS
events	Events		| Add contextual information on your lineAs the user navigate, some text can pop-up on specific dates
tutorial	Tutorial	object	|
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
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.
mobileSize	Mobile Size	number	Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
zeroBaseline	Y axis baseline		| Y value on which to position the x axisBy default, set to 0
xLegend	Legend for x axis	string	Enter text |

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