Echart sets the spacing between columns

Time:2021-8-28

Echart sets the spacing between columns

1. Development environment Vue + echarts
2. Computer system Windows 10 professional edition
3. In the development process of using Vue + eckarts, we always use the histogram. Let me share how to modify the spacing between columns in the histogram, hoping to be helpful to you.
4. For official cases, the effects after simple configuration are as follows:
Echart sets the spacing between columns
5. How to reduce the spacing between columns? Add the following configuration:

series : 
            {
               name:'',
               type:'bar',
               //Barwidth: 20, // set the width of the column
               Bargap: '0%' / * multiple side-by-side columns set the spacing between columns*/
               Barcategorygap: '0%' / * multiple side-by-side columns set the spacing between columns*/
               data:[],
           }

6. After adding the configuration, the effect diagram is as follows:
Echart sets the spacing between columns
7. The sharing of this issue ends here. Isn’t it nice? I hope it will help you. Let’s work together to reach the peak!