Barchart reference¶
Vertical barchart for individual observations
Parameters¶
Required¶
You must fill these parameters to produce a Barchart
| parameters | label | type | description (placeholder | tooltip) |
|---|---|---|---|
| metaSerie | | | ||
| meta | | | ||
| value | Value | string (Column of dataset expected) | Column containing bar value | |
| label | Label | string (Column of dataset expected) | Column containing bar label | |
| dataset | string | Dataset | |
Optional¶
You can let these parameters unset if you do not need them
| parameters | label | type | description (placeholder | tooltip) |
|---|---|---|---|
| recycleColors | Recycle groups colors | boolean | | Reuse groups color when chart data changes (filters or requesters)Groups must be setup, see Groups section |
| style | Custom CSS class | string | amazing-class | Set a customm CSS class to target this specific chart with CSS |
| legend | Display legend | boolean | | |
| disableZoom | Disable zoom | boolean | | The chart will not be zoomable.All bars will remain visible. |
| groupsOrder | Groups order | | | |
| 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. | |
| labelsOrder | Bars order | | Use it to order bars | |
| customSentimentSelector | Custom sentiment column | string | | |
| groups | Groups | string (Column of dataset expected) | Column containing grouping of bars | |
| tickFormat | Custom date tick format (for date labels) | string | d3 time format. i.e. ‘%Y’ for years | Customize the date display on the axisUse d3 time format |
| 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 |
| alignRightAtInit | Scroll graph to the right | boolean | | At initialization |
| disableZoomIn | Disable zoom in animation | boolean | | The chart will be zoomable, but will not transition to a zoomed state.All bars will remain visible. |
| defaultSelected | Default bar selected | string | | first, last or the name of the label |
| showValues | Display all values on top of bars | boolean | | |
| domain | Scale | array | | Use it to define the bars scale.Choose 2 boundsIf you’re displaying %, try a 0 to 100 |
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) |
|---|---|---|---|
| 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 |
| sentiment | object | | | |
| scrollToSelection | Scroll to the selected bar when the data changes. | boolean | | When the chart transitions to a zoomed state, make sure the selection is visible. Set false to disable. |
| comment | string | | |