# 面积图
# 图表容器
# 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
分组字段。
# meta
类型:object
全局化配置图表数据元信息,以字段为单位进行配置,来定义数据的类型和展示方式。
# 图形样式
# smooth
类型:boolean
曲线是否平滑。
# isStack
类型:boolean
是否堆叠面积图。
# isPercent
类型:boolean
是否百分比面积图,百分比时默认开启 isStack
。
# startOnZero
类型:boolean
积图是否从 0 基准线开始填充,使用时 isStack
需为 false
。
# areaStyle
类型:object
面积图形样式。
# line
类型:object
面积中折线的样式。
# point
类型:object
数据点图形样式。
# color
选项:string | string[] | Function
图形颜色。
# state
选项:object
设置对应状态的样式。
# 图表组件
# title
类型:string | object
图表标题,默认显示在图表左上角。
# description
类型:string | object
图表描述,默认显示在图表左上角,标题下方。
# tooltip
类型:object
提示信息。
# label
类型:object
标签文本。
# axis
类型:object
坐标轴。
# legend
类型:boolean | object
图例。
# guideLine
类型:object[]
图表辅助线,支持同时配置多条。