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

# 折线图

# 图表容器

# 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

分组字段。

# meta

类型:object

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

# 图形样式

# smooth

类型:boolean

曲线是否平滑。

# stepType

类型:hv | vh | hvh | vhv

阶梯折线图类型,配置后 smooth 无效。这里的 h 和 v 是 horizontalvertical 的首字母。所以 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[]

辅助线,支持同时配置多条。

# 图表事件

# 图表交互