# 柱状图
# 图表容器
# width
类型:number
| 默认值:400
图表宽度。
# height
类型:number
| 默认值:400
图表高度。
# autoFit
类型:boolean
| 默认值:true
图表是否自适应容器高度。当 autoFit
设置为 true
时,width
和 height
的设置将失效。
# 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
设置图表渲染方式为 canvas
或 svg
。
# pixelRatio
类型:number
| 默认值:window.devicePixelRatio
设置图表渲染的像素比。
# limitInPlot
类型:boolean
是否对超出坐标系范围的几何图形进行剪切。
# 数据映射
# data
类型:array | object
| required
图表数据源。
# xField
类型:string
| required
图形在 x 方向对应的数据字段名,一般是横向的坐标轴对应的字段。
# yField
类型:string
| required
图形在 y 方向对应的数据字段名,一般是纵向的坐标轴对应的字段。
# seriesField
类型:string
分组字段,在分组柱状图下同 groupField
、colorField
,在堆积柱状图下同 stackField
、colorField
。
# groupField
类型:string
分组字段,用于堆叠分组柱状图,拆分优先级高于 seriesField
,isGroup: true
时会根据 groupField
进行分组。
# isGroup
类型:boolean
是否分组柱状图。
# isStack
类型:boolean
是否堆叠柱状图。
# isRange
类型:boolean
是否区间柱状图。
# isPercent
类型:boolean
是否堆积百分比柱状图,isPercent
为 true
时,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[]
辅助线。