各系列销量排名echarts 柱状配置项内容和展示

      var img =
  'data:image/png;base64,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';
var colorList = ['#20b3ff', '#fcb55b', '#2bfed5', '#2cff8c', '#fcf65a'];
var datas = [
  {
    value: 60,
    name: '系列一',
  },
  {
    value: 52,
    name: '系列二',
  },
  {
    value: 48,
    name: '系列三',
  },
  {
    value: 36,
    name: '系列四',
  },
  {
    value: 30,
    name: '系列五',
  },
];
let maxArr = new Array(datas.length).fill(datas[0].value * 2);
option = {
  backgroundColor: '#000',
  title: {
    text: '各系列销量排名',
    bottom: 5,
    left: 'center',
    textStyle: {
      color: '#fff',
      fontSize: 12,
    },
  },
  tooltip: {
    show: true
  },
  legend: {
    show: false,
  },
  grid: {
    left: -40,
    right: 20,
    containLabel: true,
  },
  xAxis: {
    show: false,
    type: 'value',
  },
  yAxis: [
    {
      type: 'category',
      inverse: true,
      axisLine: {
        show: false,
      },
      axisTick: {
        show: false,
      },
      axisPointer: {
        label: {
          show: true,
          margin: 30,
        },
      },
      data: datas.map((item) => item.name),
      axisLabel: {
        margin: 40,
        fontSize: 12,
        align: 'left',
        color: '#fff',
        rich: {
          a: {
            padding: [0, 0, 50, 10]
          },
          a1: {
            color: '#fff',
            backgroundColor: {
              image: img,
            },
            width: 30,
            height: 30,
            align: 'center',
            borderRadius: 2,
          },
          a2: {
            color: '#fff',
            backgroundColor: {
              image: img,
            },
            width: 30,
            height: 30,
            align: 'center',
            borderRadius: 2,
          },
          a3: {
            color: '#fff',
            backgroundColor: {
              image: img,
            },
            width: 30,
            height: 30,
            align: 'center',
            borderRadius: 2,
          },
          b: {
            color: '#fff',
            backgroundColor: '#02fbfd',
            width: 30,
            height: 30,
            align: 'center',
            borderRadius: 2,
          },
        },
        formatter: function (params) {
          var index = datas.map((item) => item.name).indexOf(params);
          index = index + 1;
          if (index - 1 < 3) {
            return ['{a' + index + '|' + index + '}' + '  ' + '{a|' + params + '}'].join('\n');
          } else {
            return ['{b|' + index + '}' + '  ' + '{a|' + params + '}'].join('\n');
          }
        },
      },
    },
    {
      type: 'category',
      inverse: true,
      axisTick: 'none',
      axisLine: 'none',
      axisLabel: {
        show: true,
        fontSize: 12,
        color: '#fff',
        inside: true,
        formatter: '{a|{value}%}',
        rich: {
          a: {
            padding: [0, 0, 50, 0]
          }
        }
      },
      data: datas.map((item) => item.value),
    },
  ],
  series: [
    {
      z: 2,
      name: '销量',
      type: 'bar',
      barWidth: 20,
      zlevel: 1,
      data: datas.map((item, i) => {
        return {
          value: item.value,
          itemStyle: {
            color: colorList[i],
          },
        };
      }),
      label: {
        show: true,
        position: 'right',
        color: '#fff',
        fontSize: 12,
        offset: [-30, -20],
        formatter: '{c}%'
      },
    },
    {
      name: '背景',
      type: 'bar',
      barWidth: 20,
      barGap: '-100%',
      itemStyle: {
        color: 'rgba(118, 111, 111, 0.55)',
      },
      tooltip: {
        show: false
      },
      data: maxArr,
    },
  ],
};