如何在Billboard.js旋转柱状图中让分类值显示于Y轴？

你的问题核心是旋转柱状图后，分类标签应该绑定到Y轴而非X轴，以下是修正后的代码：

var data = [
  ["data11", 30],
  ["data2", 130],
  ["data3", 130]
];

// Generate the chart
var chart = bb.generate({
  data: {
    columns: data,
    type: "bar"
  },
  axis: {
    rotated: true, // 保持轴旋转配置
    y: {
      type: "category", // 将Y轴设置为分类轴
      categories: ["data11", "data2", "data3"], // 分类值绑定到Y轴
      label: "分类" // 可选：给Y轴添加分类标签
    },
    x: {
      label: "Value" // 将数值标签移到X轴
    }
  },
  bindto: "#barChart_1"
});

修改说明： #

• 原代码把分类配置在了axis.x下，但开启rotated: true后，X/Y轴的视觉位置会交换，因此需要把分类轴的配置转移到axis.y
• 原axis.y的标签Value需要移到axis.x，对应数值轴的视觉位置
• 保持rotated: true不变，确保图表是横向柱状图的展示形式

当前效果：

修正后可实现的期望效果：

内容的提问来源于stack exchange，提问作者ZZZUnbanned