eacharts横向堆叠柱状图

回答: 要实现echarts横向堆叠柱状图，可以使用以下代码示例进行配置：

var mCharts = echarts.init(document.querySelector("div")); // 初始化echarts实例对象
var xDataArr = ['张三', '李四', '王五', '闰土', '小明', '茅台', '二妞', '大强']; // 准备x轴数据
var yDataArr = [88, 92, 63, 77, 94, 80, 72, 86]; // 为x轴每一个元素指明数据

var option = {
  xAxis: {
    type: 'value'
  },
  yAxis: {
    type: 'category',
    data: xDataArr
  },
  series: [
    {
      name: '语文',
      type: 'bar',
      stack: '堆叠',
      label: {
        show: true,
        position: 'insideRight'
      },
      data: yDataArr
    },
    {
      name: '数学',
      type: 'bar',
      stack: '堆叠',
      label: {
        show: true,
        position: 'insideRight'
      },
      data: [90, 85, 78, 92, 87, 80, 75, 88]
    },
    {
      name: '英语',
      type: 'bar',
      stack: '堆叠',
      label: {
        show: true,
        position: 'insideRight'
      },
      data: [85, 80, 92, 88, 90, 82, 78, 85]
    }
  ]
};

mCharts.setOption(option);

这段代码会生成一个横向堆叠柱状图，其中x轴为数值轴，y轴为类目轴，每个类目对应一个柱状图。每个柱状图都会堆叠在一起，显示不同科目的成绩。柱状图上方会显示具体的数值。[1]

希望这个回答对您有帮助！