Barchart reference

Vertical barchart for individual observations

Overview

📖 Learn More about the Barchart here.

📖 Find examples on the Barchart here.

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 |