当前位置:网站首页>Echart sets the spacing between columns

Echart sets the spacing between columns

2020-11-09 15:18:03 The love and war of gray wolf

echart Set the spacing between the columns

1. development environment vue+echarts
2. computer system windows10 pro
3. In the use of vue+echarts In the process of development , We always use Histogram , Now I'd like to share how to modify the spacing between columns in the histogram , I hope it helped you .
4. Official case , After simple configuration, the effect is as follows :
image.png
5. How to shrink , The spacing between the 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 renderings are as follows :
image.png
7. The sharing of this issue is over here , Isn't it very nice, I hope it helped you , Let's work together to get to the top !

版权声明
本文为[The love and war of gray wolf]所创,转载请带上原文链接,感谢