Linechart with events reference¶
Add events to contextualize historical data
Overview¶
Parameters¶
Required¶
You must fill these parameters to produce a Linechart with events
| parameters | label | type | description (placeholder | tooltip) |
|---|---|---|---|
| value | string (Column of dataset expected) | Column containing line value | | |
| date | string (Column of dataset expected) | Column containing the time dimension | | |
| dataset | string | | | |
| legend | Display legend | boolean | | |
Optional¶
You can let these parameters unset if you do not need them
| parameters | label | type | description (placeholder | tooltip) |
|---|---|---|---|
| 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 |
| events | | Add contextual information on your lineAs the user navigate, some text can pop-up on specific dates | ||
| groupsOrder | Lines order | | For legend display only | |
| metaSerie | Lines additional info | | Will be displayed in the legendFor each line | |
| zeroBaseline | Y axis baseline | | Y value on which to position the x axisBy default, the lowest y value will be used | |
| showMissingValues | Display missing values | boolean | | When a value seems missing,cut the line instead of joining points together |
| smoothLine | Smooth | boolean | | Interpolate between points to ‘smooth’ the line |
| commonScale | Don’t adapt y axis when filtering | boolean | | To resize the y axis |
| meta | Additional info | | Will be displayed in the legend | |
| xLegend | Legend for x axis | string | Enter text here | |
| dateFormat | Legend display format | string | Describe how to display the date in the legend | Use d3 time format (like ‘%Y’ to display just years) |
| showValues | Show all values on line | boolean | | Warning: this is not recommended |
| groups | groups : multi-linechart | string (Column of dataset expected) | Column containing the name of the different lines | |
| 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. | |
| mobileSize | Mobile Size | number | Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1 |
| ticks | object | | | |
| 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 |
| ticks/hideXTickLimits | Hide start and end ticks | boolean | | |
| yLegend | Legend for y axis | string | Enter text here | |
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) |
|---|---|---|---|
| reflectOrderInLegend | Reflect value order in the legend | boolean | | |
| groupsStyle | string (Column of dataset expected) | | | |
| comment | string | | | |
| source | string | | | |
| 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 |
| ticks/xTicks | Number of max of x ticks | integer | Specify number maximum of x ticks to be displayed | |
| datesOrder | | | ||
| style | string | | | |
| sentimentZones | array | | | |
| domain | Boundary values for Y axis | array | e.g. [0, 500] | |