（本文档仅供参考）
...
问题：
希望柱图显示为进度条的效果
解决方案
具体请参考如下扩展属性：
| 代码块 | ||||
|---|---|---|---|---|
| ||||
{
"series": [{
"type": "bar",
"barWidth": "12%",
"itemStyle": {
"normal": {
"color": "red",
"barBorderRadius": 20,
"label": {
"show": true,
"textStyle": {
"color": "rgba(0,0,0,1)"
},
"position": ["150%", "-5%"]//如为横条柱图烦请将150%修改为100%
}
}
}
}, {
"type": "bar",
"barWidth": "18%",
"barGap": "-124%",
"silent": true,
"itemStyle": {
"normal": {
"borderWidth": 0.8,
"color": "transparent",
"borderColor": "#49698f",
"barBorderRadius": 50,
"label": {
"show": false,
"textStyle": {
"color": "rgba(0,0,0,1)"
}
}
}
}
}]
} |
实现效果：
问题：柱图实现进度条的效果2
希望柱图显示为进度条的效果
解决方案
具体请参考如下扩展属性：
...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
...
