多功能图

组件名称: 多功能图表、可转换图表

组件描述: 图表内部可进行转换

组件样式:

轮播列表 轮播列表

使用步骤:

  1. 进行数据配置。

  2. 选择可转换的图表,目前支持折线图,柱状图,饼状图,散点图,漏斗图,表格(计划后续支持:地图等)。

  3. (可选)通过开发者配置定制图表(通过修改option配置对象可定制图表,option请参考ECharts5配置对象)。

    开发者模式提供的全局对象:

    1. 全局jquery,$,echarts对象。
    2. 当前图表chart实例。
    3. 第三方数据接入返回的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
© 2007-2023 北京基调网络股份有限公司 all right reserved,powered by Gitbook本文档更新于: 2022-09-19 17:54

results matching ""

    No results matching ""