bar-series

25 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

barWidth option default and behavior

The barWidth option controls the width of bars in bar charts. It defaults to null, which means the width is calculated adaptively. It can be set as an absolute value like 40 or a percent value like '60%', where the percent is based on the calculated category width.

barMaxWidth option default and priority

The barMaxWidth option sets the maximum width of the bar and defaults to null. It has higher priority than barWidth. It can be set as an absolute value like 40 or a percent value like '60%', where the percent is based on the calculated category width.

barMinWidth option defaults

The barMinWidth option sets the minimum width of the bar. In cartesian coordinate systems the default value is 1, otherwise the default value is null. It has higher priority than barWidth. It can be set as an absolute value like 40 or a percent value like '60%', where the percent is based on the calculated category width.

barMinHeight option default

The barMinHeight option sets the minimum height of a bar and defaults to 0. It helps avoid interaction problems when the value of some data items is too small.

barMinAngle option default and polar coordinates

The barMinAngle option sets the minimum angle of a bar and defaults to 0. It helps avoid interaction problems when the value of some data items is too small. This option is valid only for bar series on polar coordinates.

barGap option default value and usage

The barGap option controls the gap between bars of different series and defaults to '20%'. It is a percent value like '20%', which means 20% of the bar width. Setting barGap to '-100%' can overlap bars that belong to different series, which is useful when making a series of bars act as a background.

barCategoryGap option behavior

The barCategoryGap option controls the bar gap of a single series. By default, a suitable spacing is calculated based on the number of series in the bar chart; when there are more series, the spacing is appropriately reduced. It can be set as a fixed value using either a number or string.

Bar grid options sharing rule

In a single coordinate system, bar sizing and gap attributes are shared by multiple bar series. These attributes should be set on the last bar series in the coordinate system, and they will then be adopted by all bar series in that coordinate system.

roundCap option for bar chart

The roundCap option is a boolean with default value false, added in version 4.5.0. It controls whether to add round caps at the end of bar sectors. This option is valid only for bar series on polar coordinates.

Bar chart coordinate systems

Bar charts can only be used in Cartesian coordinate system (grid component) or polar coordinate system. The default coordinate system is 'cartesian2d'.

realtimeSort option for bar chart

The realtimeSort option is a boolean with default value false. When enabled, it enables realtime sorting for bar-racing effects. This is used for dynamic sorting bar charts.

showBackground option for bar chart

The showBackground option is a boolean with default value false, added in version 4.7.0. When true, it shows a background behind each bar. The background style can be configured using the backgroundStyle option.

backgroundStyle configuration for bar chart

The backgroundStyle option, available since version 4.7.0, configures the background style of each bar when showBackground is set to true. The default background color is 'rgba(180, 180, 180, 0.2)'.

sampling downsampling strategies for bar chart

The sampling option accepts string values for downsampling strategies used when data size is much larger than pixel size to improve performance. Available options are: 'lttb' (Largest-Triangle-Three-Bucket algorithm to filter points while keeping trends and extremas), 'average' (use average value of filter points), 'min' (use minimum value of filter points), 'max' (use maximum value of filter points), 'minmax' (use maximum extremum absolute value, available since v5.5.0), and 'sum' (use sum of filter points). By default sampling is turned off.

Bar chart large mode default threshold

The large mode for bar charts has a default threshold of 400 data points. When the number of data points exceeds this threshold, large mode is activated to optimize performance.

Bar chart progressive rendering defaults

The progressive rendering for bar charts has default settings: defaultProgressive is 5000 and defaultProgressiveChunkMode is 'mod'. Progressive rendering is supported with chunk mode.

Bar label position options

The label position option for bar charts accepts string or array values with default 'inside'. Position options include: 'top', 'left', 'right', 'bottom', 'inside', 'insideLeft', 'insideRight', 'insideTop', 'insideBottom', 'insideTopLeft', 'insideBottomLeft', 'insideTopRight', 'insideBottomRight', 'outside'. For bar series under polar coordinates, additional positions are supported (available since v5.2.0): 'start', 'insideStart', 'middle', 'insideEnd', 'end'. Position can also be specified as absolute pixel values [10, 10] or relative percentages ['50%', '50%'].

Bar itemStyle color property

The itemStyle.color property for bar charts is of type Color or Function with default value 'auto'. By default, colors from the global palette option.color are used. It supports callback functions in the form (params: Object) => Color where input parameters include seriesIndex, dataIndex, data, value, and etc. of the data item.

Bar itemStyle border properties

Bar chart itemStyle border configuration: borderColor (type Color, default '#000') sets the border color of the bar; borderWidth (type number, default 0) sets the border width with no border by default; borderType (type string, default 'solid') sets the border type and accepts values 'solid', 'dashed', or 'dotted'.

Bar series data item properties

Bar series data items can contain: name (string) for the name of the data item, and value (number) for the value of a single data item.

Bar chart blur state configuration

Bar charts support blur state configuration available when emphasis.focus is set. The blur state supports label, labelLine, and itemStyle configurations.

Bar chart select state configuration

Bar charts support select state configuration available since version 5.0.0 when selectedMode is set. The select state includes disabled property and full support for label, labelLine, and itemStyle configurations specific to the select state.

Bar chart type property

The type property for bar series is 'bar'.

Bar chart valueAnimation property

The valueAnimation property for bar chart labels is a boolean that controls whether to enable text animation of value changes in the normal state.

Bar and line racing charts for time-series data

Apache ECharts 5 adds support for dynamically sorted bar-racing and dynamically sorted line-racing charts. These charts help developers easily create time-series charts that show changes in data over time and tell the evolution of data by displaying the derivation of different categories in the ranking over time.

Give your agent this brain