组件类型 | 数据 | 定制方法 | 效果 |
---|
柱图 | 维度:dou11 度量:dou2、抽样值机排队峰值 | 1、在左上角 组件 > 图表 > 柱图 选择“横条图”,将图形组件拖入到画布区 2、选择相关字段,行、列字段如下: 
3、组件设置如下: 
 坐标轴设置如下: 
自定义属性如下: {
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "",
"fontStyle": "normal",
"textDecoration": "none"
},
"xAxis": {
"name": "",
"nameTextStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"nameGap": {
"val": 15,
"isPx": true
},
"axisLabel": {
"rotate": "0",
"show": false,
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none",
"interval": 0
},
"axisLine": {
"show": true,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#999"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#eeeeee"
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"#FDFEFE",
"#F6F7F8"
]
}
},
"show": false
},
"yAxis": {
"name": "",
"nameTextStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"nameGap": {
"val": 15,
"isPx": true
},
"axisLabel": {
"rotate": "0",
"show": true,
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"axisLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#999"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#eeeeee"
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"#FDFEFE",
"#F6F7F8"
]
}
},
"type": "category",
"axisTick": {
"show": false
}
},
"legend": {
"left": "center",
"top": "top",
"orient": "horizontal",
"show": true,
"type": "scroll",
"itemWidth": 10,
"itemHeight": 10,
"icon": "roundRect",
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 10,
"color": "#999999",
"fontStyle": "normal",
"textDecoration": "none"
}
},
"visualMap": {
"left": "center",
"top": "top",
"orient": "horizontal",
"show": true,
"itemWidth": 10,
"itemHeight": 100,
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
}
},
"series": [
{
"type": "bar",
"barGap": "-100%",
"label": {
"normal": {
"show": false,
"position": "right",
"color": "#fff",
"fontSize": 14
}
},
"barWidth": "33%",
"itemStyle": {
"normal": {
"borderColor": "#4DCEF8",
"borderWidth": 2,
"barBorderRadius": 15,
"color": "rgba(102, 102, 102,0)"
}
},
"z": 1
},
{
"type": "bar",
"barGap": "-98%",
"barWidth": "30%",
"itemStyle": {
"normal": {
"barBorderRadius": 16,
"color": {
"type": "linear",
"x": 0,
"x1": 1,
"colorStops": [
{
"offset": 0,
"color": "#02ddff"
},
{
"offset": 1,
"color": "#00feff"
}
]
}
}
},
"max": 1,
"label": {
"normal": {
"show": false,
"position": "left",
"color": "#fff",
"fontSize": 14
}
},
"labelLine": {
"show": true
},
"z": 2
}
]
} |
| 抽样乘车排队峰值横条图: 
|
柱图 | 维度:dou12 度量:dou2、抽样安检排队峰值 | 1、在左上角 组件 > 图表 > 柱图 选择“横条图”,将图形组件拖入到画布区 2、选择相关字段,行、列字段如下: 
3、组件设置如下: 

坐标轴设置如下: 
自定义属性如下: {
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "",
"fontStyle": "normal",
"textDecoration": "none"
},
"xAxis": {
"name": "",
"nameTextStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"nameGap": {
"val": 15,
"isPx": true
},
"axisLabel": {
"rotate": "0",
"show": false,
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none",
"interval": 0
},
"axisLine": {
"show": true,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#999"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#eeeeee"
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"#FDFEFE",
"#F6F7F8"
]
}
},
"show": false
},
"yAxis": {
"name": "",
"nameTextStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"nameGap": {
"val": 15,
"isPx": true
},
"axisLabel": {
"rotate": "0",
"show": true,
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"axisLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#999"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#eeeeee"
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"#FDFEFE",
"#F6F7F8"
]
}
},
"type": "category",
"axisTick": {
"show": false
}
},
"legend": {
"left": "center",
"top": "top",
"orient": "horizontal",
"show": true,
"type": "scroll",
"itemWidth": 10,
"itemHeight": 10,
"icon": "roundRect",
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 10,
"color": "#999999",
"fontStyle": "normal",
"textDecoration": "none"
}
},
"visualMap": {
"left": "center",
"top": "top",
"orient": "horizontal",
"show": true,
"itemWidth": 10,
"itemHeight": 100,
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
}
},
"series": [
{
"type": "bar",
"barGap": "-100%",
"label": {
"normal": {
"show": false,
"position": "right",
"color": "#fff",
"fontSize": 14
}
},
"barWidth": "33%",
"itemStyle": {
"normal": {
"borderColor": "#4DCEF8",
"borderWidth": 2,
"barBorderRadius": 15,
"color": "rgba(102, 102, 102,0)"
}
},
"z": 1
},
{
"type": "bar",
"barGap": "-98%",
"barWidth": "30%",
"itemStyle": {
"normal": {
"barBorderRadius": 16,
"color": {
"type": "linear",
"x": 0,
"x1": 1,
"colorStops": [
{
"offset": 0,
"color": "#02ddff"
},
{
"offset": 1,
"color": "#00feff"
}
]
}
}
},
"max": 1,
"label": {
"normal": {
"show": false,
"position": "left",
"color": "#fff",
"fontSize": 14
}
},
"labelLine": {
"show": true
},
"z": 2
}
]
} |
| 抽样安检排队峰值横条图: 
|
柱图 | 维度:dou13 度量:dou2、顾客投诉 | 1、在左上角 组件 > 图表 > 柱图 选择“横条图”,将图形组件拖入到画布区 2、选择相关字段,行、列字段如下: 
3、组件设置如下: 

坐标轴设置如下: 
自定义属性如下: {
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "",
"fontStyle": "normal",
"textDecoration": "none"
},
"xAxis": {
"name": "",
"nameTextStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"nameGap": {
"val": 15,
"isPx": true
},
"axisLabel": {
"rotate": "0",
"show": false,
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none",
"interval": 0
},
"axisLine": {
"show": true,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#999"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#eeeeee"
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"#FDFEFE",
"#F6F7F8"
]
}
},
"show": false
},
"yAxis": {
"name": "",
"nameTextStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"nameGap": {
"val": 15,
"isPx": true
},
"axisLabel": {
"rotate": "0",
"show": true,
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"axisLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#999"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#eeeeee"
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"#FDFEFE",
"#F6F7F8"
]
}
},
"type": "category",
"axisTick": {
"show": false
}
},
"legend": {
"left": "center",
"top": "top",
"orient": "horizontal",
"show": true,
"type": "scroll",
"itemWidth": 10,
"itemHeight": 10,
"icon": "roundRect",
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 10,
"color": "#999999",
"fontStyle": "normal",
"textDecoration": "none"
}
},
"visualMap": {
"left": "center",
"top": "top",
"orient": "horizontal",
"show": true,
"itemWidth": 10,
"itemHeight": 100,
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
}
},
"series": [
{
"type": "bar",
"barGap": "-100%",
"label": {
"normal": {
"show": false,
"position": "right",
"color": "#fff",
"fontSize": 14
}
},
"barWidth": "33%",
"itemStyle": {
"normal": {
"borderColor": "#4DCEF8",
"borderWidth": 2,
"barBorderRadius": 15,
"color": "rgba(102, 102, 102,0)"
}
},
"z": 1
},
{
"type": "bar",
"barGap": "-98%",
"barWidth": "30%",
"itemStyle": {
"normal": {
"barBorderRadius": 16,
"color": {
"type": "linear",
"x": 0,
"x1": 1,
"colorStops": [
{
"offset": 0,
"color": "#02ddff"
},
{
"offset": 1,
"color": "#00feff"
}
]
}
}
},
"max": 1,
"label": {
"normal": {
"show": false,
"position": "left",
"color": "#fff",
"fontSize": 14
}
},
"labelLine": {
"show": true
},
"z": 2
}
]
} |
| 顾客投诉分析横条图: 
|
柱图 | 维度:dou14 度量:告警、dou2 | 1、在左上角 组件 > 图表 > 柱图 选择“横条图”,将图形组件拖入到画布区 2、选择相关字段,行、列字段如下: 
3、组件设置如下: 

坐标轴设置如下: 
自定义属性如下: {
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "",
"fontStyle": "normal",
"textDecoration": "none"
},
"xAxis": {
"name": "",
"nameTextStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"nameGap": {
"val": 15,
"isPx": true
},
"axisLabel": {
"rotate": "0",
"show": false,
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none",
"interval": 0
},
"axisLine": {
"show": true,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#999"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#eeeeee"
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"#FDFEFE",
"#F6F7F8"
]
}
},
"show": false
},
"yAxis": {
"name": "",
"nameTextStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"nameGap": {
"val": 15,
"isPx": true
},
"axisLabel": {
"rotate": "0",
"show": true,
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
},
"axisLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#999"
}
},
"splitLine": {
"show": false,
"lineStyle": {
"type": "solid",
"width": 1,
"color": "#eeeeee"
}
},
"splitArea": {
"show": false,
"areaStyle": {
"color": [
"#FDFEFE",
"#F6F7F8"
]
}
},
"type": "category",
"axisTick": {
"show": false
}
},
"legend": {
"left": "center",
"top": "top",
"orient": "horizontal",
"show": true,
"type": "scroll",
"itemWidth": 10,
"itemHeight": 10,
"icon": "roundRect",
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 10,
"color": "#999999",
"fontStyle": "normal",
"textDecoration": "none"
}
},
"visualMap": {
"left": "center",
"top": "top",
"orient": "horizontal",
"show": true,
"itemWidth": 10,
"itemHeight": 100,
"textStyle": {
"fontFamily": "Microsoft YaHei",
"fontWeight": "normal",
"fontSize": 12,
"color": "#515c68",
"fontStyle": "normal",
"textDecoration": "none"
}
},
"series": [
{
"type": "bar",
"barGap": "-100%",
"label": {
"normal": {
"show": false,
"position": "right",
"color": "#fff",
"fontSize": 14
}
},
"barWidth": "33%",
"itemStyle": {
"normal": {
"borderColor": "#4DCEF8",
"borderWidth": 2,
"barBorderRadius": 15,
"color": "rgba(102, 102, 102,0)"
}
},
"z": 1
},
{
"type": "bar",
"barGap": "-98%",
"barWidth": "30%",
"itemStyle": {
"normal": {
"barBorderRadius": 16,
"color": {
"type": "linear",
"x": 0,
"x1": 1,
"colorStops": [
{
"offset": 0,
"color": "#02ddff"
},
{
"offset": 1,
"color": "#00feff"
}
]
}
}
},
"max": 1,
"label": {
"normal": {
"show": false,
"position": "left",
"color": "#fff",
"fontSize": 14
}
},
"labelLine": {
"show": true
},
"z": 2
}
]
} |
| 告警指标分析横条图: 
|