首页 > 其他分享 >echarts柱状图实现重叠

echarts柱状图实现重叠

时间:2022-11-30 13:33:57浏览次数:52  
标签:柱子 重叠 type 柱状图 130 data echarts

        

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    },
     {
      data: [130, 202, 180, 80, 90, 200, 130],
      type: 'bar',
      barGap:'-100%',//移动第二个柱子的位置实现重叠
      z:'-1',//改变这根柱子的层级使这根柱子在下面
    }
  ]
};

    

 

标签:柱子,重叠,type,柱状图,130,data,echarts
From: https://www.cnblogs.com/tcyweb/p/16938125.html

相关文章