横向进度条echarts pictorialBar配置项内容和展示

横向进度条，继承自竖向进度条

      option = {
  background: 'none',
  color: ['#04FEF9'],
  grid: {
    left: '3%',
    right: '3%',
    top: '3%',
    bottom: '13%',
  },
  yAxis: [
    {
      type: 'category',
      boundaryGap: false,
      data: ['X'],
      axisLabel: {
        color: '#00B4FF',
        fontFamily: 'YouSheBiaoTiHei',
        fontSize: '36',
         show: false,
      },
      axisLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
      splitLine: {
        show: false,
      },
    },
  ],
  xAxis: {
    type: 'value',
    axisLine: {
      show: false,
    },
    axisTick: {
      show: false,
    },
    splitLine: {
      show: false,
    },
    axisLabel: {
      show: false,
    },
  },
  series: [
    {
      tooltip: {
        show: false,
      },
      name: 'bg',
      type: 'pictorialBar',
      barWidth: '3',
      silent: true,
      symbol: 'rect',
      symbolRepeat: true,
      symbolMargin: 1,
      symbolSize: [4, 42],
      itemStyle: {
        color: '#08487759',
      },
      data: [100],
    },
    {
      type: 'pictorialBar',
      animation: true,
      animationDuration: 600,
      symbol: 'rect',
      symbolRepeat: true,
      symbolSize: [4, 42],
      symbolMargin: 1,
      barWidth: '3',
      itemStyle: {
        normal: {
          color: '#084877',
          label: {
            color: '#D2EFFE',
            fontFamily: 'Oswald',
            fontSize: '18',
            show: false,
            position: 'top',
          },
        },
      },
      data: [70],
    },
  ],
};