Skip to content

Bar 柱状图

柱状图示例,使用 <g-bar> 组件。

基础用法

直接使用 <g-bar> 标签,并传入图表数据即可。

条形图

直接使用 <g-bar> 标签,并传入图表数据即可。

堆叠柱状图

直接使用 <g-bar> 标签,并传入图表数据即可。

多Y轴柱状图

直接使用 <g-bar> 标签,并传入图表数据即可。

多柱结合堆叠柱状图

直接使用 <g-bar> 标签,并传入图表数据即可。

组件参数

名称说明类型默认值
description空数据描述string暂无数据
options全部属性(参考 Echarts Bar 配置项object
db-options自定义属性object

db-options 属性

名称说明类型默认值
xAxisField指标(x轴)指向字段string / function
yAxisy轴配置object
columnstitle 名称,field 指向字段,unit 单位array
data图表数据配置object/array/string

yAxis API

名称说明类型默认值
yAxisFieldsy轴扩展配置 fieldyAxisIndexstackarray
yAxisesy轴标题配置 namearray

组件支持的事件

名称说明类型默认值
chart-clickchart图形点击事件function