首页 帮助中心 听云大屏 汇总柱状图

汇总柱状图

组件名称:汇总柱状图

组件样式:

指标比例图

组件说明:

以饼图的方式轮播显示每组数据。

请求方式:POST

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

参数

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

正确响应数据

字段 类型 描述
series Array 可以是任意条数据
name String 名称
data Array 子数据,可多条数据。
name String 名称
value Number 数字类型
color String bar的颜色, “#77E5FF”。可选参数

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

示例:

{
	"series": [
		{
			"name": "版本一",
			"data": [
				{
					"name": "活跃数",
					"value": 601,
					"color": "#0091D2"
				},
				{
					"name": "新增数",
					"value": 299,
					"color": "#27BA93"
				},
				{
					"name": "启动次数",
					"value": 589,
					"color": "#B42E2E"
				}
			]
		},
		{
			"name": "版本二",
			"data": [
				{
					"name": "活跃数",
					"value": 362,
					"color": "#f091D2"
				},
				{
					"name": "新增数",
					"value": 446,
					"color": "#270A93"
				},
				{
					"name": "启动次数",
					"value": 708,
					"color": "#B49E2E"
				}
			]
		},
		{
			"name": "版本三",
			"data": [
				{
					"name": "活跃数",
					"value": 233,
					"color": "#f09102"
				},
				{
					"name": "新增数",
					"value": 743,
					"color": "#970A93"
				},
				{
					"name": "启动次数",
					"value": 226,
					"color": "#042E2E"
				}
			]
		}
	]
}