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)
meta     |
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 |
metaSerie     |

Optional

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

parameters label type description (placeholder | tooltip)
ticks Ticks display object |
ticks/customXTicks Add x ticks manually array | Choose the x values to display as ticks
ticks/displayAllXTicks Display all x ticks boolean | Will overwrite ‘smart’ ticks display
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 |
legend Display legend boolean |
serieLegendOrder Series order   | For legend display only
yLegend Legend for y axis string Enter text |
zeroBaseline Y axis baseline   | Y value on which to position the x axisBy default, set to 0
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
showMissingValues Display missing values boolean | When a value seems missing, cut the line instead of joining points together
events Events   | Add contextual information on your lineAs the user navigate, some text can pop-up on specific dates
style Custom CSS class string amazing-class | Set a customm CSS class to target this specific chart with CSS
recycleColors Recycle line colors boolean | Reuse line color when chart data changes (filters or requesters)
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
customTimeFormat X axis date format string Type D3 time format. i.e. ‘%Y’ for years | Customize the date display on the axisUse d3 time format
defaultSelected Default value selected string | First, last or the name of the xValue
dashedLines Dashed lines   | Choose the line which will be dashed
alwaysDisplayEvents Always display all events boolean |
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 |
xLegend Legend for x axis string Enter text |
sentimentZones Color zones array | Add colored zones. You can add multiple zones one by one
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
smoothLine Smooth line boolean | Interpolate between points to ‘smooth’ the line
showValues Show all values on line boolean | Warning: this is not recommended
tutorial Tutorial object |
tutorial/alwaysShow Always show this tutorial boolean | By default the tutorial is shown once only
tutorial/content Message string Enter your message | This will be displayed to your users
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.
reflectOrderInLegend Reflect value order in the legend boolean |

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 |