Line 折线图

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

基础用法

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

平滑折线

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

多折线

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

多种不同类型的折线

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

双Y轴折线

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

dataUrl 接口数据

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

API

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

db-options API

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

yAxis API

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

data API

data 可以接受dataUrl(object & string)或者DataSource(object & array)，对象中可以配置以下属性：

名称	说明	类型	默认值
path	ip地址，开发环境配置代理地址，接口地址	string	—
method	方法	string	get
params	params 、 data 参数	object	—
resPath	接口响应数据 格式如 : 'data/obj/list'	string	'data'
ContentType	content-type	string	application/json;charset=UTF-8
headers	请求头	object	-
transformResponse	格式化数据	function	-

data 可以接受静态数据