Barchart reference¶
Vertical barchart for individual observations
Parameters¶
Required¶
You must fill these parameters to produce a Barchart
parameters | label | type | description (placeholder | tooltip) |
---|---|---|---|
label | Label | string (Column of dataset expected) | Column containing bar label | |
metaSerie | | | ||
meta | | | ||
dataset | string | Dataset | | |
value | Value | string (Column of dataset expected) | Column containing bar value | |
Optional¶
You can let these parameters unset if you do not need them
parameters | label | type | description (placeholder | tooltip) |
---|---|---|---|
labelsOrder | Bars order | | Use it to order bars | |
groupsOrder | Groups order | | | |
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. |
showValues | Display all values on top of bars | boolean | | |
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 |
legend | Display legend | boolean | | |
customSentimentSelector | Custom sentiment column | string | | |
domain | Scale | array | | Use it to define the bars scale.Choose 2 boundsIf you’re displaying %, try a 0 to 100 |
defaultSelected | Default bar selected | | first, last or the name of the label | |
groups | Groups | string (Column of dataset expected) | Column containing grouping of bars | |
mobileSize | Mobile Size | number | Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1 |
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. | |
style | Custom CSS class | string | amazing-class | Set a custom CSS class to target this specific chart with CSS |
size | Size | number | Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1 |
disableZoom | Disable zoom | boolean | | The chart will not be zoomable.All bars will remain visible. |
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) |
---|---|---|---|
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 | | | |
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 | |