{{target:series-bar}}
bar chart
Bar chart shows different data through the height of a bar, which is used in rectangular coordinate with at least 1 category axis.
{{use: partial-component-id(prefix=“#”)}}
{{ use: partial-series-name() }}
{{ use: partial-legend-hover-link() }}
{{ use: partial-coord-sys( seriesType=“bar”, coordSysDefault=“‘cartesian2d’”, cartesian2d=true, polar=false, geo=false ) }}
If to add round caps at the end of the bar sectors. Valid only for bar series on polar coordinates.
{{use:partial-label-desc}} {{use:partial-label( prefix=“##”, defaultPosition=“‘inside’”, formatter=true )}}
{{use:partial-item-style-desc}} {{use:partial-bar-item-style( prefix=“##”, useColorPalatte=true, hasCallback=true, barBorderRadius=true )}}
Whether to show background behind each bar. Use backgroundStyle to set background style.
Background style of each bar if showBackground is set to be true
.
{{use:partial-bar-item-style( prefix=“##”, useColorPalatte=false, hasCallback=true, barBorderRadius=true, defaultColor=“‘rgba(180, 180, 180, 0.2)’” )}}
{{use:partial-label( prefix=“###”, formatter=true )}}
{{use:partial-bar-item-style(prefix=“###”)}}
Name of stack. On the same category axis, the series with the same stack
name would be put on top of each other.
{{ use: partial-cursor }}
{{use: partial-barGrid( seriesType=‘bar’, galleryViewPath=${galleryViewPath} )}}
{{use: partial-large( prefix=“#”, defaultLargeThreshold=400 )}}
{{ use:partial-progressive( prefix=‘#’, supportProgressiveChunkMode=true, defaultProgressive=5000, defaultProgressiveChunkMode=‘mod’ ) }}
{{use:partial-series-dimensions( prefix=“#” )}}
{{use:partial-series-encode( prefix=“#” )}}
{{ use: partial-seriesLayoutBy }}
{{ use: partial-datasetIndex }}
{{ use: partial-2d-data-desc( galleryEditorPath = ${galleryEditorPath} ) }}
The name of data item.
The value of a single data item.
The style setting of the text label in a single bar.
{{ use:partial-label( prefix=“###”, defaultPosition=“inside” ) }}
{{ use:partial-label(prefix=“####”) }}
{{use:partial-bar-item-style( prefix=“###”, barBorderRadius=true )}}
{{use:partial-bar-item-style(prefix=“####”)}}
{{use: partial-tooltip-in-series-data( galleryViewPath=${galleryViewPath} )}}
{{use: partial-marker( prefix=“#”, galleryEditorPath=${galleryEditorPath}, seriesType=“bar”, hasCoord=true, hasType=true )}}
{{use:partial-clip( prefix=“#” ) }}
{{use:partial-z-zlevel( prefix=“#”, componentName=“bar chart” ) }}
{{use:partial-animation( prefix=“#”, galleryEditorPath=${galleryEditorPath} )}}
{{use: partial-tooltip-in-series( galleryViewPath=${galleryViewPath} )}}
{{ target:partial-bar-item-style }}
#${prefix} color(Color) = ${defaultColor|default(‘auto’)}
Bar color. {{ if: ${useColorPalatte} }} By default, colors from global palette option.color is used. {{/if}}
#${prefix} barBorderColor(Color) = ‘#000’
The border color of bar.
#${prefix} barBorderWidth(number) = 0
The border width of bar. defaults to have no border.
{{ if: ${barBorderRadius} }} {{use: partial-border-radius( propName: ‘barBorderRadius’, prefix: ${prefix} )}} {{ /if }}
{{ use:partial-style-shadow-opacity(prefix=${prefix}) }}