echarts图形美化

echarts图形美化,因为数据问题,echarts绘制出来的感觉有点乱,有没有大l指点指点

img

option = {
  title: {
    text: 'Stacked Line'
  },
  tooltip: {
    trigger: 'axis'
  },
  legend: {
    data: ['测试1', '测试2', '测试3', '测试4', '测试5', '测试6'],
  },
  toolbox: {
    feature: {
      saveAsImage: {}
    }
  },
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']

  },
  yAxis: {
    type: "value",
    name: "测试",
    min: 0,
    axisTick: {
        show: false//去除刻度线
    },
    axisLine: {
        show: false//去除轴线
    },
  },
  series: [
    {
      name: '测试1',
      type: 'line',
      data: [52, 58, 32, 16, 2, 0, 0, 0, 0, 0, 3, 0]
    },
    {
      name: '测试2',
      type: 'line',
      data: [6, 10, 2, 2, 1, 0, 0, 0, 0, 0, 0, 0]
    },
    {
      name: '测试3',
      type: 'line',
      data: [25, 20, 11, 10, 1, 0, 0, 0, 0, 0, 2, 0]
    },
    {
      name: '测试4',
      type: 'line',
      data: [9, 13, 17, 3, 0, 0, 0, 0, 0, 0, 1, 0]
    },
    {
      name: '测试5',
      type: 'line',
      data: [3, 3, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0]
    },
    {
      name: '测试6',
      type: 'line',
      data: [9, 12, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0]
    }
  ]
};

数据显示的话这里完全看不清

img

配置dataZoom，鼠标滚动放大x或y轴进行查看