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

# 面积图

# 图表容器

# 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

曲线是否平滑。

# 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[]

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

# 图表事件

# 图表交互