Bar chart

This chart displays the values of one or more measures by each category, using horizontal bars. The length of a bar determines the measure value: the longer the bar, the larger the value. For example, you can compare sales of products by their subcategory.

Source table

Subcategory	Sales
Beauty and health products	44К
Kitchenware	1392К
Kitchen products	1120К
Detergents	405К
Health and beauty equipment	1760К
Non-essential goods	827К
Cleaners	304К

Types of bar chartsTypes of bar charts

• Grouped
• Stacked

GroupedGrouped

A chart with grouping by dimension lets you compare two or more categories by a single measure. For example, grouping by delivery type allows you to compare the cost of products delivered by courier and picked up. Categories are highlighted in different colors and the length of the bar indicates the measure value.

Source table

Subcategory	Delivery	Pickup
Beauty and health products	12К	32К
Kitchenware	394К	998К
Kitchen products	371К	749К
Detergents	127К	278К
Health and beauty equipment	497К	1,263К
Non-essential goods	268К	560К

Use a chart with grouping to compare two or more measures, such as the number of orders and the number of products. The bar length corresponds to the measure value.

Source table

Subcategory	Orders	Number of products
Beauty and health products	481	1,470
Kitchenware	758	2,402
Kitchen products	480	1,371
Detergents	835	2,551
Health and beauty equipment	863	2,705
Non-essential goods	705	2,152
Cleaners	770	2,460

StackedStacked

A stacked chart shows a ratio of internal segments to the total value. Segments are placed one after another: the beginning of each subsequent segment is the outermost boundary of the previous one.
This type of chart is used to see the contribution of each measure to the total value by period or category. For example, to view the percentage of different expenses in the total budget amount.

Source table

Month	Gasoline	Rent	Food	Utility bills
January 2019	100	600	300	500
February 2019	150	600	250	700
March 2019	100	600	450	400
April 2019	120	600	370	510
May 2019	100	600	300	530
June 2019	130	600	310	600
July 2019	150	600	330	510
August 2019	120	600	250	550
September 2019	110	650	380	500
October 2019	120	650	300	550
November 2019	130	650	310	540
December 2019	100	650	400	550

Wizard sectionsWizard sections

Wizard section	Description
Y	Dimensions. You can specify one or two dimensions.
X	Measure. You can specify multiple measures. If you add more than one measure to a section, the Colors section will contain a dimension named Measure Names. You can move Measure Names to the Y axis.
Colors	Measure Names dimension or field. Affects the column color. To delete Measure Names, click the cross icon or remove measures from the X axis.
Sorting	Dimension or measure. Affects the column sorting. The sorting direction is marked with an icon next to the field: for ascending or for descending. To change the sorting direction, click the icon.
Labels	Measure. Displays measure values on the chart. If multiple measures are added to the Y section, drag Measure Values to this section. Markup functions are supported. For String type fields, you can configure using basic Markdown syntax: click the icon before the field name and enable Markdown.
Filters	Dimension or measure. Used as a filter.

Creating a bar chartCreating a bar chart

To create a bar chart:

1. Go to the DataLens home page.
2. In the left-hand panel, select Charts.
3. Click Create chart → Chart.
4. At the top left, click Select dataset and specify the dataset to visualize.
5. Select Line chart as the chart type.
6. Drag one or more dimensions from the dataset to the Y section. The values will be displayed on the Y axis.
7. Drag one or more measures from the dataset to the X section.
8. Drag a dimension from the dataset or the Measure Names field to the Color section.

A stacked column chart is displayed by default.

Creating a grouped bar chartCreating a grouped bar chart

To display an Y-axis grouped bar chart:

1. Go to the bar chart that you created.

2. Depending on the number of measures in the X section, follow these steps:

   Single measure

   Two or more measures

   1. Check if there is a dimension in the Colors section.
   2. Duplicate this dimension in the Y section. The sequence of dimensions affects the grouping order.

   1. Drag the Measure Names dimension to the Colors section.
   2. Drag the Measure Names dimension to the Y section. The sequence of dimensions affects the grouping order.

Adding a column color based on a measureAdding a column color based on a measure

To color columns in a chart based on the value of a measure:

1. Go to the column chart that you created.

2. Depending on the number of measures in the X section, follow the steps below:

   Single measure

   Two or more measures

   Copy the measure from the X section to the Colors section.

   Columns in the chart will take on colors as a function of the measure values.

   

   Drag the Measure Values measure to the Colors section.

   The chart columns will be colored based on the values of all measures listed in section X.

   

3. Configure a color gradient for the measure as well. To do this, in the top-right corner of the Colors section, click (the icon appears when you hover over the section).

4. In the color settings, specify:

   • Gradient type: Select two or three colors.
   • Gradient color: Select a color palette for the gradient from the list.
   • Gradient direction: Change the gradient direction using the icon.
   • Set threshold values: Set numeric thresholds for each color. Works if the X section contains a single value.

Configuring display of valuesConfiguring display of nullvalues

If the source data includes a row where the measure value is null, the chart will not be built for that point at default settings. For example, if the source has a row with a date (20.07.2022) but the sales amount for it is missing.

You can configure how the chart will display null values in the chart section settings:

1. In the section with a measure whose values you want to show, in the top-right corner, click (the icon appears when you hover over the section).
2. In Empty values (null), select Display as 0.
3. Click Apply.

Now, the chart will use 0 instead of null.

If a row is missing from the source data completely, the chart section settings will not change the way the chart is presented. For example, if the source does not have a row with a certain date (20.07.2022), nothing will be shown for this date on the chart.

For more information, see Configuring the display of null values.

RecommendationsRecommendations

• If the values of the categories contain a large amount of text, try to reduce it. Then the signatures on the diagram will look more accurate. You can use string functions in the calculated fields or conditional operators CASE.

• Place segments inside bars so that the largest or most important categories are located to the left, closer to the chart's Y-axis. This makes it easier to compare the values.
• When visualizing multiple measures, select colors carefully. They should be distinguishable and contrasting. We recommend using no more than 3-5 colors per chart. If you want to emphasize one certain measure above the others, highlight it in some bright color.