背景开口柱状图

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      // showBackground: true,
      // backgroundStyle: {
      //   color: 'rgba(180, 180, 180, 0.2)'
      // }
      itemStyle:{
        color: {
  type: 'linear',
  x: 0,
  y: 0,
  x2: 1,
  y2: 0,
  colorStops: [
    { offset: 0, color: '#5052EE' // 0% 处的颜色
    }, 
    {
      offset: 1, color: '#AB6EE5' // 100% 处的颜色
    }
  ],
      },
      },
      barWidth:50,
    },
    {
        type: 'pictorialBar',
        z:3,
        symbol: 'rect',
        symbolSize: [30, 5],
        symbolOffset: [-1, -4],
        symbolPosition:'end',
        itemStyle: {
            color:'rgba(255,255,255,1)',
        },
        data:[200,200,200,200,200,200,200],
    },
    {
      data:[200,200,200,200,200,200,200],
      type: 'bar',
      barGap:'-110%',
      barWidth:60,
      itemStyle:{
        color:'rgba(0,0,0,.0)',
        borderColor:'rgba(0,0,0,.3)',
         
      }
    },
    
  ]
};