Line 折线图

折线图示例，使用 <g-line> 组件。

基础用法

直接使用 <g-line> 标签，并传入图表数据即可。

平滑折线

直接使用 <g-line> 标签，并传入图表数据即可。 通过 smooth 配置。

多折线

直接使用 <g-line> 标签，并传入图表数据即可。

多种不同类型的折线

直接使用 <g-line> 标签，并传入图表数据即可。

双Y轴折线

直接使用 <g-line> 标签，并传入图表数据即可。

分组展示多折线

直接使用 <g-line> 标签，并传入图表数据即可。

dataUrl 接口数据

直接使用 <g-line> 标签，并传入图表数据即可。

组件参数

名称	说明	类型	默认值
description	空数据描述	string	暂无数据
options	全部属性（参考 Echarts Line 配置项）	object	—
db-options	自定义属性	object	—

db-options 属性

名称	说明	类型	默认值
xAxisField	指标（x轴）指向字段	string / function	—
groupField	分组可选指向字段	string	—
yAxis	y轴配置	object	—
columns	title 名称，field 指向字段，unit 单位	array	—
data	图表数据配置	object/array/string	—

yAxis API

名称	说明	类型	默认值
yAxisFields	y轴扩展配置 field，yAxisIndex	array	—
yAxises	y轴标题配置 name	array	—

组件支持的事件

名称	说明	类型	默认值
chart-click	chart图形点击事件	function	—