使用HighCharts的100%宽度堆叠条形图

如何创建下面的条形图？有两种版本。多谢各位

---

您可以使用堆叠条形图获得结果。两个系列-一个包含实际数据，另一个用于填充条形图并保留标签。您应该规范化自己的数据（为第二个系列设置互补值，为轴设置最小/最大值）

例如：

---

对于第二张图表，只需交换颜色和数据：

您的问题不清楚。你能解释一下吗？你看到图像了吗？是的，我看到了，但我看不到任何不同的颜色，只是强调的颜色是左对齐或右对齐的。我在玩这个。你希望输出像第二幅图像吗？第一幅是好的，但我认为第二幅不是。%s不正确。你有办法解决这个问题吗？谢谢，实际上，我进一步配置了您的第二个解决方案。现在看起来不错。谢谢你的帮助。

    series: [{
  color: 'green',
  data: [5, 3, 1],
  dataLabels: {
    align: 'right',
    format: '{point.y} %'
  }
}, {
  color: 'grey',
  data: [{
    y: 3,
    label: 'Footbal'
  }, {
    y: 5,
    label: 'Soccer'
  }, {
    y: 7,
    label: 'Baseball'
  }],
  dataLabels: {
    align: 'left',
    format: '{point.label}'
  }
}]