Barlinechart reference

To display 2 different metrics in bars and lines

Overview

📖 Learn More about the Barlinechart here.

📖 Find examples on the Barlinechart here.

Parameters

Required

You must fill these parameters to produce a Barlinechart

parameters label type description (placeholder | tooltip)
bars   object |
bars/dataset   string |
bars/showValues Show all bar values boolean |
label Bars label string (Column of dataset expected) Column name containing the label |
lines   object |
lines/smoothLine   boolean |
lines/showValues Show all lines values boolean | Not recommend to use it on both lines and bars!
lines/x x axis string (Column of dataset expected) Column name containing the value for x axis | Same as bars label
lines/y y axis string (Column of dataset expected) Column name containing the value for y axis |
lines/displayBarsOnTop   boolean |
lines/metaSerie Lines additional info   | Optional - Will be displayed in the legend
lines/dataset   string | Use the same as the bars or create a new dataset
value Bars value string (Column of dataset expected) Column name containing the value |

Optional

You can let these parameters unset if you do not need them

parameters label type description (placeholder | tooltip)
tickFormat Custom date tick format (for date bars label) string Insert d3 time format | .i.e. ‘%Y’ to display just years.Click here for more info on format
alignRightAtInit Scroll graph to the right boolean | At initialization
bars/zeroBaseline Y axis baseline   | Y value on which to position the x axisBy default, set at 0
defaultSelected Default label selected string | first, last, report or the name of the label
size Size number Enter a proportion of the total screen | Use on multiple charts onlyEnter a number from 0 to 1
xLegend Legend for the x axis string Enter text here |
crossfilter   object | Use it for masterslave configurationShould be configured on the Master chart
crossfilter/datasets Select the slave datasets array | Datasets that will be filtered on the ‘on’ column
crossfilter/on on column string (Column of dataset expected) Column existing in master and slave datasets |
hideEmptyGroups Hide empty bar groups boolean |
lines/zeroBaseline Y axis baseline   | Y value on which to position the bottom of the lines value
lines/serie   string (Column of dataset expected) Column containing the name of the different lines | Optional - For multi-linechart
meta Bar additional info   | Will be displayed in the legend
commonScale Use same scale for bars and lines boolean |
disableZoomIn Disable zoom in animation boolean | The chart will be zoomable, but will not transition to a zoomed state. All bars will remain visible.
groups Bars group string (Column of dataset expected) Column name containing the grouping |
tutorial Tutorial object | Help your users understand how to use the chart!This will be displayed the first time your user uses the chart
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.
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
metaSerie Bar groups additional info   | Will be displayed in the legend
groupsOrder groups order   | use it to order groups
yLegend Legend for the y axis string Enter text here |
legend Display legend   |
mobileSize Mobile Size number Enter a proportion of the total mobile screen | Use on multiple charts onlyEnter a number from 0 to 1

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)
labelsOrder labels order   | use it to order labels
bars/domain   array |
comment   string |
labelsDomain   string |
lines/domain   array |
colorSelectedBar   boolean |
style   string |
source   string |