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)
x	X axis	string (Column of dataset expected)	Column containing time dimension |
value	Y axis	string (Column of dataset expected)	Column containing line value |
dataset		string	Dataset |
meta			|
metaSerie			|

Optional

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

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

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/datasets	Select the filtered datasets	array	| Datasets that will be filtered on the ‘on’ column
crossfilter/on	on column	string (Column of dataset expected)	Column existing in primary and filtered datasets |