echarts 折线图刻度设置问题

Question

有人知道这个该怎么设置吗，红框的数据太挤了，现在要红框里的数据占据图表的3分之2，剩余的占据3分之1，且所有的数据都要显示出来，将代码复制到echarts编辑器里，是一个简易的图表，有人帮帮我吗

option = {
  title: {
    text: 'Stacked Line'
  },
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35'],

},
  yAxis: {
    type: 'value'
  },

  series: [
    {
      name: 'Email',
      type: 'line',
      data: [
        { value: 120, symbol: 'circle' },
        { value: 132, symbol: 'circle' },
        { value: 101, symbol: 'circle' },
        { value: 134, symbol: 'circle' },
        { value: 90, symbol: 'circle' },
        { value: 120, symbol: 'circle' },
        { value: 132, symbol: 'circle' },
        { value: 101, symbol: 'circle' },
        { value: 134, symbol: 'circle' },
        { value: 130, symbol: 'circle' },
        { value: 135, symbol: 'circle' },
        { value: 140, symbol: 'circle' },
        { value: 130, symbol: 'none' },
        { value: 125, symbol: 'none' },
        { value: 120, symbol: 'none' },
        { value: 115, symbol: 'none' },
        { value: 110, symbol: 'none' },
        { value: 105, symbol: 'none' },
        { value: 100, symbol: 'none' },
        { value: 95, symbol: 'none' },
        { value: 90, symbol: 'none' },
        { value: 85, symbol: 'none' },
        { value: 80, symbol: 'none' },
        { value: 75, symbol: 'none' },
        { value: 70, symbol: 'none' },
        { value: 65, symbol: 'none' },
        { value: 60, symbol: 'none' },
        { value: 55, symbol: 'none' },
        { value: 50, symbol: 'none' },
        { value: 45, symbol: 'none' },
        { value: 40, symbol: 'none' },
        { value: 35, symbol: 'none' },
        { value: 30, symbol: 'none' },
        { value: 25, symbol: 'none' },
        { value: 20, symbol: 'none' }
      ],
    },
    {
      type: 'line',
      markLine: {
            symbol: ['none', 'none'],
            lineStyle: {
              type: 'solid',
            },
            itemStyle: {
              color: 'red',
            },
            label: {
              show: false
            },
            data:[
              {xAxis: 12}
            ]
          },
    }
  ]
};

Answer 1

可以设置dataZoom属性：https://blog.csdn.net/youyudehan/article/details/134314012