(1)代码

option = {
    xAxis: {
        data: ['a', 'b', 'c', 'd'],
        axisTick: {show: false},
        axisLabel: {
            formatter: 'barGap: \'-100%\''
        }
    },
    yAxis: {
        splitLine: {show: false}
    },
    animationDurationUpdate: 1200,
    series: [{
        type: 'bar',
        itemStyle: {
            normal: {
                color: '#ddd'
            }
        },
        silent: true,
        barWidth: 40,
        barGap: '-100%', // Make series be overlap
        data: [60, 60, 60, 60]
    }, {
        type: 'bar',
        barWidth: 40,
        z: 10,
        data: [45, 60, 13, 25]
    }]
};



var barGaps = ['30%', '-100%'];
var loopIndex = 0;

 

(2)展示

Echarts-柱状图

 

(3)关于柱子间的间隔

这个间隔是有容器的高度决定的

Echarts-柱状图

 

相关文章:

  • 2021-10-01
  • 2021-07-16
  • 2021-11-24
  • 2020-10-04
  • 2021-11-04
  • 2021-12-12
  • 2021-11-01
  • 2021-11-01
猜你喜欢
  • 2021-12-19
  • 2021-09-08
  • 2021-09-11
  • 2021-09-26
  • 2019-09-03
  • 2019-02-26
  • 2021-11-28
  • 2021-11-04
相关资源
相似解决方案