在使用Echarts进行柱状图展示时，遇到了柱状图紧挨在一起的问题，尝试设置bar的宽度和增加区间长度无效。博客内容包含了一个具体的Echarts配置对象示例，展示了不同国家在不同月份的数据，但柱状图没有间隔。解决这个问题可能需要检查barGap、barWidth和x轴的间隔设置。
设置bar的宽度也不行，增加区间长度也不行
展示是这种情况
附上option对象
{
"calculable": true,
"dataZoom": [
{
"end": 50,
"show": true,
"start": 2,
"type": "slider",
"xAxisIndex": 0
}
],
"legend": {
"data": [
"\t",
"",
"菲律宾",
"巴基斯坦",
"越南",
"肯尼亚",
"伊朗",
"俄罗斯",
"南非",
"坦桑尼亚"
]
},
"series": [
{
"barGap": "0",
"data": [
[
"2017-01",
4882
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-01",
586
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-01",
446
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-01",
701
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-01",
130
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-01",
438
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-01",
45
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-01",
139
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-01",
27
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
2814
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
607
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
252
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
501
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
70
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
226
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
45
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
86
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-02",
29
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
4296
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
1063
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
510
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
1622
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
97
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
315
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
110
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
280
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-03",
80
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
4762
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
909
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
356
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
2358
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
131
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
377
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
161
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
43
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-04",
109
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
4769
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
1077
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
139
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
2108
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
176
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
317
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
149
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
221
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-05",
150
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
5773
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
1362
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
363
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
2062
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
119
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
141
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
258
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
154
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-06",
51
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
4792
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
963
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
226
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
1508
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
145
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
237
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
170
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
177
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-07",
114
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
4869
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
1266
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
450
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
1013
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
194
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
309
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
91
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
118
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-08",
102
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
4711
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
1178
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
178
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
2105
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
220
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
483
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
151
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
178
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-09",
223
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
3942
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
1054
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
192
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
1720
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
123
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
404
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
366
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
139
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-10",
153
]
],
"name": "坦桑尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
11064
]
],
"name": "",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
4200
]
],
"name": "菲律宾",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
635
]
],
"name": "巴基斯坦",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
6028
]
],
"name": "越南",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
155
]
],
"name": "肯尼亚",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
859
]
],
"name": "伊朗",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
661
]
],
"name": "俄罗斯",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
400
]
],
"name": "南非",
"type": "bar"
},
{
"barGap": "0",
"data": [
[
"2017-12",
573
]
],
"name": "坦桑尼亚",
"type": "bar"
}
],
"title": {},
"toolbox": {
"feature": {
"mark": {
"lineStyle": {
"color": "#1e90ff",
"type": "dashed",
"width": 2
},
"show": true,
"title": {
"markUndo": "删除辅助线",
"markClear": "清空辅助线",
"mark": "辅助线开关"
}
},
"dataView": {
"lang": [
"数据视图",
"关闭",
"刷新"
],
"readOnly": false,
"show": true,
"title": "数据视图"
},
"magicType": {
"show": true,
"title": {
"bar": "柱形图切换",
"stack": "堆积",
"tiled": "平铺",
"line": "折线图切换"
},
"type": [
"line",
"bar"
]
},
"restore": {
"show": true,
"title": "还原"
},
"saveAsImage": {
"lang": [
"点击保存"
],
"show": true,
"title": "保存为图片",
"type": "png"
}
},
"show": false
},
"tooltip": {
"trigger": "axis"
},
"xAxis": [
{
"boundaryGap": true,
"data": [
"2017-01",
"2017-02",
"2017-03",
"2017-04",
"2017-05",
"2017-06",
"2017-07",
"2017-08",
"2017-09",
"2017-10",
"2017-12"
],
"splitLine": {
"show": false
},
"type": "category"
}
],
"yAxis": [
{
"position": "left",
"type": "value"
}
]
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
