彩色柱状图

组件名称:彩色柱状图

组件样式:

彩色柱状图

组件说明: 行数由数据的条数来决定。行间距可以在组件中配置。 每个柱子的颜色可以通过接口来直接定义,也可以在组件中配置。

请求方式:POST

https://doc.tingyun.com/sense/example/barbpi.json

参数

字段 类型 描述 是否必选
currentTime Number 当前时间戳
token String 盐值,校验规则为md5(timePeriod+currentTime+
配置的token),
例如:timePeriod为30,currentTime为
1513137332798,token为abc,则应对
301513137332798abc进行md5
timePeriod Number 时间范围分钟数

正确响应数据

字段 类型 描述
series Array 可以是任意条数据
name String 名称
value Number 值,必须是数字类型
color String bar的颜色, "#77E5FF"

value如果包含小数,在组件中会四舍五入的显示整数。 color可以通过接口传入,也可以在组件中直接配置。组件中配置的颜色优先级高于接口传入的颜色值。

示例

 {                
    "series": [
        { "name": "营收一部", "value": 1000, "color": "77E5FF" },
        { "name": "财务部门", "value": 25966, "color": "#EDFF77" },
        { "name": "运营二部", "value": 145896, "color": "#7639FF" },
        { "name": "订单提交", "value": 245896, "color": "#88FF77" },
        { "name": "销售部门", "value": 78526, "color": "#FF7042" },
        { "name": "营收一部1", "value": 2568, "color": "#77E5FF" },
        { "name": "财务部门2", "value": 9584, "color": "#EDFF77" },
        { "name": "运营二部3", "value": 545896, "color": "#7639FF" },
        { "name": "订单提交4", "value": 9849, "color": "#88FF77" },
        { "name": "销售部门5", "value": 58952, "color": "#FF7042" }
    ]
}

数据库接入、CSV接入

SQL查询结果和CSV文件内容均为4列,字段名称可以任意指定,但是字段顺序不能改变:

字段顺序 类型 描述
name String 名称
unit String 单位
value Number
color String 颜色

以MySQL为例,SQL示例如下:

SELECT name, unit, value, color FROM color_metrics_test

CSV示例如下:

name,unit,value,color
完成业务数,笔,431,#77E5FF
报错业务数,笔,188,#F30B49
错误影响用户数,个,256,#FF3B3B
平均响应时间,ms,330,#15F4D1
© 2007-2023 北京基调网络股份有限公司 all right reserved,powered by Gitbook本文档更新于: 2021-03-01 11:36

results matching ""

    No results matching ""