首页帮助中心听云大屏渐变柱状图

渐变柱状图

组件名称：渐变柱状图

组件样式：

渐变柱状图

组件说明：
这是一个分组的数据。图例的数据决定每组数据的多少。
图例的颜色可以通过接口来直接定义，也可以在组件中配置。

请求方式：POST

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

参数：

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

正确响应数据：

字段	类型	描述
legend	Array	图例数据,数组的长度就是series：value中数组的长度
name	String	图例名称
color	String	图例的颜色
series	Array	可以是任意条数据
name	String	数据名称
value	Array	数组中的值必须是数字，数组的长度要小于图例的长度

示例：
示例1：

{  
    "legend": [
        { "name": "成功", "color": "#36C5FF" },
        { "name": "失败", "color": "#F40C4A" }
    ],
    "series": [
        { "name": "营收一部", "value": [50, 80] },
        { "name": "财务部门", "value": [10, 90] },
        { "name": "运营二部", "value": [70, 50] },
        { "name": "订单提交", "value": [90, 20] },
        { "name": "销售部门", "value": [50, 40] }                 
    ]
}

示例2：

{  
    "legend": [
        { "name": "成功", "color": "#36C5FF" },
        { "name": "失败", "color": "#F40C4A" },
        { "name": "未知", "color": "#FF0C2B" },
    ],
    "series": [
        { "name": "营收一部", "value": [50, 80, 20] },
        { "name": "财务部门", "value": [10, 90, 10] },
        { "name": "运营二部", "value": [70, 50, 21] },
        { "name": "订单提交", "value": [90, 20, 45] },
        { "name": "销售部门", "value": [50, 40, 25] }                 
    ]
}

数据库接入、CSV接入

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

字段顺序	类型	描述
name1	String	颜色含义
color	String	颜色
name2	String	名称
value	Number	值

以MySQL为例，SQL示例如下：

SELECT name1, color, name2, value FROM fade_bar_chart_test

CSV示例如下：

name1,color,name2,value
成功,#36C5FF,营收一部,600
失败,#F40C4A,营收一部,800
未知,#666666,营收一部,100
成功,#36C5FF,财务部门,300
失败,#F40C4A,财务部门,900
未知,#666666,财务部门,100
成功,#36C5FF,运营二部,400
失败,#F40C4A,运营二部,300
未知,#666666,运营二部,100