Updated: November 11, 2016

Size of Data Points

Intro

This article describes the size of data points for charts containing bars.

Width of Bars

The following applies to all charts that contain bars (the horizontal bar chart, vertical bar chart, stacked bar chart, bullet chart, and the combined chart):

  • The chart component tries to resize all the bars so that all data points can be visible, but a minimum width is applied. The minimum width allows an easy selection on all devices.
  • The minimum width of the bars are 48 px on touch screens and 24 px on mouse devices.

 

When the minimum width is reached, a scroll bar allows to scroll and see all data points.

Minimum width displayed
Minimum width displayed

When there is enough space to show all data points, the width of the data point adapts proportionally to the width of the chart container.

Width adapted proportionaly
Width adapted proportionaly