多功能图
组件名称: 多功能图表、可转换图表
组件描述: 图表内部可进行转换
组件样式:
使用步骤:
进行数据配置。
选择可转换的图表,目前支持折线图,柱状图,饼状图,散点图,漏斗图,表格(计划后续支持:地图等)。
(可选)通过开发者配置定制图表(通过修改option配置对象可定制图表,option请参考ECharts5配置对象)。
开发者模式提供的全局对象:
- 全局jquery,$,echarts对象。
- 当前图表chart实例。
- 第三方数据接入返回的data。
请求参数:
图表接口必须支持分钟数和结束时间参数,以满足数读报告可以动态调整时间获取数据。
请求参数 | 类型 | 必选参数 | 说明 |
---|---|---|---|
timePeriod | Number | 是 | 分钟数 |
endTime | String | 是 | 结束时间,格式为 yyyy-MM-dd HH:mm |
正确响应数据:
字段 | 类型 | 描述 |
---|---|---|
status | Number | 状态码 |
data | Object | |
dataset | Array | 数据集 |
source | Array[] | 源数据 |
示例:
{
"status": 200,
"data": {
"dataset": {
"source": [
[
"date",
"Matcha Latte",
"Milk Tea",
"Cheese Cocoa",
"Walnut Brownie"
],
[
"2015",
43.3,
83.1,
86.4,
72.4
],
[
"2016",
85.8,
73.4,
65.2,
53.9
],
[
"2017",
93.7,
55.1,
82.5,
39.1
]
]
}
}
}
数据库接入、CSV 接入:
SQL查询结果和CSV文件字段名称可以任意指定,第一列为日期,后面每一列为一个对象的数据:
以 MySQL 为例,SQL 示例如下:
SELECT column1,column2,column3,... FROM demo
CSV 示例如下:
date,Matcha Latte,Milk Tea,Cheese Cocoa,Walnut Brownie
2015,43.3,83.1,86.4,72.4
2016,85.8,73.4,65.2,53.9
2017,93.7,55.1,82.5,39.1