首页 帮助中心 基调听云大屏 柱状图

柱状图

组件名称:柱状图

组件样式

柱状图柱状图柱状图柱状图柱状图柱状图

组件说明

类目轴,适用于离散的类目数据返回格式,如柱状图。

请求方式:POST

https://report.tingyun.com/example/category.json

参数

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

正确响应数据

字段 类型 描述
value Number 平均值, 该健可以不存在,当红绿灯不存在时可以不返回。
xAxis Object[] 默认横坐标配置。
type String 横坐标轴类型,可以为空,默认为category。
data Object[] 横坐标轴数据。
yAxis Object[] 默认纵坐标配置,可以不传入该参数则默认只存在一个纵坐标轴,并且类型(type)为vlaue,名称(name)为空。
type String 纵坐标轴类型,可以为空,默认为value。
name String 纵坐标轴名称,可以为空,对应到大屏项目为单位。
forward String 图的方向,0:横向 1:纵项, 可以不存在,默认为0。
stacked String series中的bar图是否堆叠,0为不堆叠,1为堆叠 可以不存在,默认为0。
area String series中的line图是否堆叠,0为不堆叠,1为堆叠 可以不存在,默认为0。
series Object[] 数据对象。
name String 数据项名称。
type String 横坐标图形,支持line、bar,默认为line,可以不存在。
data Number[] 数据项 具体数据和category的长度相同。
yAxisIndex Number 数据项使用哪个坐标轴,以0开始,可以不存在,默认为0。

示例

  HTTP/1.1 200 OK
{
    "value": 123,
    "xAxis": [
        {
            "type": "category",
            "data": [
                "1月",
                "2月",
                "3月",
                "4月",
                "5月",
                "6月",
                "7月",
                "8月",
                "9月",
                "10月",
                "11月",
                "12月"
            ]
        }
    ],
    "yAxis": [
        {
            "type": "value",
            "name": "秒"
        },
        {
            "type": "value",
            "name": "次"
        }
    ],
    "forward": 0,
    "stack": 0,
    "area": 0,
    "series": [
        {
            "name": "响应时间",
            "type": "line",
            "data": [
                2.6,
                5.9,
                9,
                26.4,
                28.7,
                70.7,
                175.6,
                182.2,
                48.7,
                18.8,
                6,
                2.3
            ]
        },
        {
            "name": "访问量",
            "type": "bar",
            "yAxisIndex": 1,
            "data": [
                2,
                4.9,
                7,
                23.2,
                25.6,
                76.7,
                135.6,
                162.2,
                32.6,
                20,
                6.4,
                3.3
            ]
        }
    ]
}