Linechart with events reference

Add events to contextualize historical data

Overview

📖 Learn More about the Linechart with events here.

📖 Find examples on the Linechart with events here.

Parameters

Required

You must fill these parameters to produce a Linechart with events

parameters label type description (placeholder | tooltip)
dataset   string |
date   string (Column of dataset expected) Column containing the time dimension |
legend Display legend boolean |
value   string (Column of dataset expected) Column containing line value |

Optional

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

parameters label type description (placeholder | tooltip)
meta Additional info   | Will be displayed in the legend
showMissingValues Display missing values boolean | When a value seems missing,cut the line instead of joining points together
groupsOrder Lines order   | For legend display only
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1
commonScale Don’t adapt y axis when filtering boolean | To resize the y axis
size Size number Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1
selectLastDate Select last date boolean | Always select the last date while changing filters
groups groups : multi-linechart string (Column of dataset expected) Column containing the name of the different lines |
ticks   object |
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/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
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.
dateFormat Legend display format string Describe how to display the date in the legend | Use d3 time format (like ‘%Y’ to display just years)
metaSerie Lines additional info   | Will be displayed in the legendFor each line
showValues Show all values on line boolean | Warning: this is not recommended
zeroBaseline Y axis baseline   | Y value on which to position the x axisBy default, the lowest y value will be used
events     | Add contextual information on your lineAs the user navigate, some text can pop-up on specific dates
yLegend Legend for y axis string Enter text here |
xLegend Legend for x axis string Enter text here |
smoothLine Smooth boolean | Interpolate between points to ‘smooth’ the line

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)
sentimentZones   array |
groupsStyle   string (Column of dataset expected) |
reflectOrderInLegend Reflect value order in the legend boolean |
ticks/xTicks Number of max of x ticks integer Specify number maximum of x ticks to be displayed |
source   string |
datesOrder     |
domain Boundary values for Y axis array e.g. [0, 500] |
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 |
comment   string |
style   string |