echarts 线图柱图切换为平铺和堆叠的处理line和bar

60 阅读1分钟

关键项: option

toolbox.feature.magicType. option Object

  • 各个类型的专有配置项。在切换到某类型的时候会合并相应的配置项
  • 配置magicType , 可以单独处理line和bar 如果配置option 。 可以满足 线图的时候数据都是的单独的 【比如6条线】。 柱图的时候,是堆叠图,6个柱形图累加起来。
option = {
  toolbox: {
    feature: {
      magicType: {
        show: true,
        type: ['line', 'bar'],
        option: {
            //单独配置不堆叠
            line: {
              stack: '' 
            },
            //单独配置堆叠
            bar: {
              stack: 1
            }
          },
        
      }
    }
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line',

    },
    {
      data: [50, 30, 24, 18, 35, 47, 60],
      type: 'line',
     
    }
  ]
};

线图-不堆叠

image.png

柱图-堆叠

image.png