请通过邮件订阅网站,随时获取最新动态!

# 柱状图

# 图表容器

# width

类型:number | 默认值:400

图表宽度。

# height

类型:number | 默认值:400

图表高度。

# autoFit

类型:boolean | 默认值:true

图表是否自适应容器高度。当 autoFit 设置为 true 时,widthheight 的设置将失效。

# padding

类型:number[] | number | 'auto'

画布的 padding 值,代表图表在上右下左的间距,可以为单个数字 16,或者数组 [16, 8, 16, 8] 代表四个方向,或者开启 auto,由底层自动计算间距。

# appendPadding

类型:number[] | number

额外增加的 appendPadding 值,在 padding 的基础上,设置额外的 padding 数值,可以是单个数字 16,或者数组 [16, 8, 16, 8] 代表四个方向。

# renderer

类型:string | 默认值:canvas

设置图表渲染方式为 canvassvg

# pixelRatio

类型:number | 默认值:window.devicePixelRatio

设置图表渲染的像素比。

# limitInPlot

类型:boolean

是否对超出坐标系范围的几何图形进行剪切。

# 数据映射

# data

类型:array | object | required

图表数据源。

# xField

类型:stringrequired

图形在 x 方向对应的数据字段名,一般是横向的坐标轴对应的字段。

# yField

类型:stringrequired

图形在 y 方向对应的数据字段名,一般是纵向的坐标轴对应的字段。

# seriesField

类型:string

分组字段,在分组柱状图下同 groupFieldcolorField,在堆积柱状图下同 stackFieldcolorField

# groupField

类型:string

分组字段,用于堆叠分组柱状图,拆分优先级高于 seriesFieldisGroup: true 时会根据 groupField 进行分组。

# isGroup

类型:boolean

是否分组柱状图。

# isStack

类型:boolean

是否堆叠柱状图。

# isRange

类型:boolean

是否区间柱状图。

# isPercent

类型:boolean

是否堆积百分比柱状图,isPercenttrue 时,isStack 也需要为 true

# meta

类型:object

全局化配置图表数据元信息,以字段为单位进行配置,来定义数据的类型和展示方式。

# 图形样式

# color

类型:string | string[] | Function

图形颜色。

# intervalPadding

类型:number

分组柱状图的组间间距调整,像素级别。

# dodgePadding

类型:number

分组柱状图的组内柱子间距调整,像素级别。

# minColumnWidth

类型:number

柱子的最小宽度。

# maxColumnWidth

类型:number

柱子的最大宽度。

# columnSize

类型:number

柱子宽度。

# columnStyle

类型:object

柱子样式。

# columnBackground.style

类型:object

柱子的背景样式。

# columnWidthRatio

类型:number

柱子宽度占比 [0-1]。

# marginRatio

类型:number

分组中柱子之间的间距 [0-1],仅对分组柱状图适用。

# state

类型:object

设置对应状态的样式。

# 图表组件

# title

类型:string | object

图表标题,默认显示在图表左上角。

# description

类型:string | object

图表描述,默认显示在图表左上角,标题下方。

# tooltip

类型:object

提示信息。

# label

类型:object

标签文本。

# axis

类型:object

坐标轴。

# legend

类型:boolean | object

图例。

# guideLine

类型:object[]

辅助线。

# 图表事件

# 图表交互