柱线混合图echarts 柱状配置项内容和展示

配置项如下
       option = {
    backgroundColor: "rgba(2, 12, 44, 1)", //背景色
    color: ['rgba(104, 113, 220, 1)', 'rgba(241, 147, 83, 1)'],
    grid: {
      top: '8%',
      left: '1%',
      right: '1%',
      bottom: '8%',
      containLabel: true,
    },

    xAxis: [{
      type: 'category',
      boundaryGap: true,
      axisLine: {
        show: false,
      },
      axisLabel: {
        textStyle: {
          color: '#959FA9',
          fontSize: 14
        },
      },
      axisTick: {
        show: false,
      },
      data: ['2020-2-17', '2020-2-17', '2020-2-17', '2020-2-17', '2020-2-17', '2020-2-17', '2020-2-17',],

    }],
    yAxis: {
      type: 'value',
      axisTick: {
        show: false,
      },
      splitLine: {
        show: true,
        lineStyle: {
          type: 'dashed',
					color: 'rgba(226, 226, 226, 0.3)',
          width: 1
        }
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: 'rgb(2,185,208)',
        },
      },
      axisLabel: {
        textStyle: {
          color: '#959FA9',
          fontSize: 14
        },
      },

    },

    series: [
      {
        type: 'bar', barGap: 0.2, barWidth: 10,
        data: [100, 120, 110, 60, 70, 130, 150]
      },
      {
        type: 'line',
        smooth: true,
        symbol: 'circle',
        showAllSymbol: true,
        symbolSize: 12,
        data: [130, 70, 110, 70, 90, 100, 150]
      }

    ]
  };
  
    
截图如下