echarts带百分比横向柱状图

要绘制带百分比横向柱状图，您可以使用 echarts 的 series-bar 组件和 series-label 组件。以下是一个示例代码，您可以将其修改为满足您的需求：

// 指定图表的配置项和数据
var option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'value',
    boundaryGap: [0, 0.01],
    axisLabel: {
      formatter: '{value}%'
    }
  },
  yAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E']
  },
  series: [
    {
      name: '百分比',
      type: 'bar',
      label: {
        show: true,
        position: 'insideRight',
        formatter: '{c}%'
      },
      data: [20, 35, 45, 55, 70],
      itemStyle: {
        color: '#2f4554'
      }
    }
  ]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

在上面的示例代码中，xAxis 的 axisLabel 格式化属性被设置为 '{value}%'，这将使 x 轴上的标签显示为百分比形式。series-bar 组件的 label 组件被配置为在柱状图内部右侧显示柱状图的值，并且值也被格式化为百分比形式。最后，itemStyle 属性可以用来设置柱状图的颜色。