echart求教类目轴之间的距离

as614001 发表于 2021-9-7 16:05

### 求教怎么缩小类目轴的距离
```
data=[{'mappedAreaName': '广东省', 'total': 82.0, 'ims': 3288.0}, {'mappedAreaName': '北京市', 'total': 64.0, 'ims': 3103.0}, {'mappedAreaName': '江苏省', 'total': 32.0, 'ims': 1491.0}, {'mappedAreaName': '河南省', 'total': 22.0, 'ims': 968.0}, {'mappedAreaName': '陕西省', 'total': 20.0, 'ims': 901.0}, {'mappedAreaName': '广西壮族自治区', 'total': 20.0, 'ims': 692.0}, {'mappedAreaName': '上海市', 'total': 19.0, 'ims': 1244.0}, {'mappedAreaName': '天津市', 'total': 18.0, 'ims': 458.0}, {'mappedAreaName': '四川省', 'total': 18.0, 'ims': 1169.0}, {'mappedAreaName': '河北省', 'total': 17.0, 'ims': 1023.0}]

option = {
dataset:{
   source:data,
},
tooltip: {
   trigger: 'axis',
   axisPointer: {          // 坐标轴指示器，坐标轴触发有效
         type: 'shadow'    // 默认为直线，可选为：'line' | 'shadow'
   }
},
grid: {
   left: '3%',
   right: '4%',
   bottom: '3%',
   containLabel: true
},
xAxis: [
   {
         type: 'value',
         show:0
   }
],
yAxis: [
   {
         type: 'category',
         axisLine:{
            show:0,
         },
         boundaryGap:0,
         axisTick:{
            show:0
         },
         axisLabel:{
            interval:0,
         }

   }
],
series: [
   {
         name: '点击',
         type: 'bar',
         barWidth:10,
         label: {
            show: 0
         },
         emphasis: {
            focus: 'series'
         },
         encode:{
            x:'tatol',
            y:['mappedAreaName']
         },

   },
   {
         name: '展现',
         type: 'bar',
         barWidth:10,
         label: {
            show: 0,
            position: 'left'
         },
         emphasis: {
            focus: 'series'
         },
         encode:{
            x:'ims',
            y:['mappedAreaName']
         },

   }
]
};
```
![在这里插入图片描述](https://img-blog.csdnimg.cn/fa230668030a4cdeb876d3313339bfae.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAZWdnc291bmQ=,size_20,color_FFFFFF,t_70,g_se,x_16)

xuanmuluck 发表于 2021-9-7 16:43

barWidth: 数字或者是比例,往上调

jayafs 发表于 2021-9-7 16:51

series中的这个参数barCategoryGap

as614001 发表于 2021-9-7 17:15

xuanmuluck 发表于 2021-9-7 16:43
barWidth: 数字或者是比例,往上调

就要这么小哈

as614001 发表于 2021-9-7 17:17

jayafs 发表于 2021-9-7 16:51
series中的这个参数barCategoryGap

这个看文字是两个类目周的间距，但是在本例中它无效，如图广东有两个柱形，他就只调整这两个柱形距离，而不是广东和北京之间的距离

Aaron-x 发表于 2021-9-7 17:40

调参数就完事

xuanmuluck 发表于 2021-9-7 19:46

那是不是要把整个图表的大小调小，和平铺是一个道理吧，要不调小后占不了整个画布呀

jayafs 发表于 2021-9-8 09:09

as614001 发表于 2021-9-7 17:17
这个看文字是两个类目周的间距，但是在本例中它无效，如图广东有两个柱形，他就只调整这两个柱形距离 ...

如果你是要修改两个数据之间的间隔，试试设置yAxis中的min和max,相当于压缩展示空间。

页: [1]

吾爱破解 - 52pojie.cn's Archiver

echart求教类目轴之间的距离