# 折线图
# 图表容器
# 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
曲线是否平滑。
# stepType
类型:hv | vh | hvh | vhv
阶梯折线图类型,配置后 smooth 无效。这里的 h 和 v 是 horizontal
和 vertical
的首字母。所以 vh
的意思就是起始点先竖直方向,然后水平方向。
# connectNulls
类型:boolean
| 默认值:true
对于折线图中缺失的值,是否连接空数据为一条线,或者折线断开。
# isStack
类型:boolean
| 默认值:false
对于存在 seriesField
分组字段的情况,我们可以设置 isStack = true
,让折线堆叠累加起来。
# color
选项:string | string[] | Function
折线颜色。如没有配置 colorField
,指定一个单值即可。对 colorFiled
进行了配置的情况下,即可以指定一系列色值,也可以通过回调函数的方法根据对应数值进行设置。
# lineSize
类型:number
折线宽度。
# lineStyle
类型:object
折线图形样式。
# point
类型:object
数据点图形样式。
# state
类型:object
设置对应状态的样式。
# 图表组件
# title
类型:string | object
图表标题,默认显示在图表左上角。
# description
类型:string | object
图表描述,默认显示在图表左上角,标题下方。
# tooltip
类型:object
提示信息。
# label
类型:object
标签文本。
# guideLine
类型:object[]
辅助线,支持同时配置多条。