ECharts折线图堆叠设置为不堆叠的方法

253 阅读1分钟

option = {
  title: {
    text: '测试'
  },
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    data: ['Email', 'Union Ads']
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: false
  },
  toolbox: {
    feature: {
      saveAsImage: {}
    }
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun','8','9','10']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      name: 'Email',
      type: 'line',
      stack: 'emial',
      data: [120, 132, 101, 134, 90, 230,210,330,354,696]
    },
    {
      name: 'Email',
      type: 'line',
      stack: 'emial',
      data: [120, 132, 101, 134, 90, 230,210,330,354,696]
    },
    {
      name: 'Union Ads',
      type: 'line',
      stack: 'Total',
      data: [120, 132, 101, 134, 90, 230, 210]
    },
  
  ]
};

如代码所示

image.png

能够堆叠,是因为

 series: [
    {
      name: 'Email',
      type: 'line',
      stack: 'emial',
      data: [120, 132, 101, 134, 90, 230,210,330,354,696]
    },
    ]
    这个 series数组的对象中 , stack 如果都是emial ,就会堆叠。就算数据一致。也是2条线。 要是2条线数据重合。 需要把 是stack 修改成不同的名字才行。