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