test123echarts pictorialBar配置项内容和展示

      option = {
 backgroundColor: '#031245',
 grid: {
  left: '12%',
  top: '5%',
  bottom: '12%',
  right: '8%',
 },
 xAxis: {
  data: ['驯鹿', '火箭', '飞机', '高铁', '轮船', '汽车', '跑步', '步行'],
  axisTick: {
   show: false,
  },
  axisLine: {
   lineStyle: {
    color: 'rgba(255, 129, 109,.1)',
    width: 1, //这里是为了突出显示加上的
   },
  },
  axisLabel: {
   textStyle: {
    color: '#999',
    fontSize: 12,
   },
  },
 },
 yAxis: [
  {
   axisTick: {
    show: false,
   },
   axisLine: {
    show: false,
   },
   axisLabel: {
    show: false,
   },
   splitArea: {
    show: false,
   },
   splitLine: {
    show: true,
    lineStyle: {
     color: 'rgba(255, 129, 109, 0.1)',
     width: 0.5,
     type: 'dashed',
    },
   },
  },
 ],
 series: [
  {
   type: 'pictorialBar',
   barWidth: '400%',
   symbolSize: ['50%', '100%'],
   symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
   itemStyle: {
    normal: {
     color: {
      type: 'linear',
      x: 0,
      y: 0,
      x2: 0,
      y2: 1,
      colorStops: [
       {
        offset: 0,
        color: '#FCE03C',
       },
       {
        offset: .5,
        color: 'rgba(252, 224, 60, .8)',
       },
       {
        offset: 1,
        color: 'rgba(113, 157, 235, 0.64)',
       },
      ],
      global: false, //  缺省为  false
     },
    },
    emphasis: {
     opacity: 1,
    },
   },
   data: [123, 60, 25, 18, 12, 10, 20, 30, 9, 2, 1],
  },
 ],
};