javascript - Highcharts 单个水平堆叠条形图，始终显示数据名称(标签)和百分比，鼠标悬停时显示数据编号和系列名称

Question

是否可以结合以下内容？

Fiddle 1 (answer ed by mäksä)作为主模板:

• 带有条形段的单个水平堆叠条形

结合Fiddle 2的以下特点(answer 由 aus_lacy 编辑):

在条形段上始终可见:

• 数据名称(标签)(即“ apples ”、“ pears ”、...)
• 百分比(如果可能的话计算:“ 50% ”，“ 50% ”，...)

在鼠标悬停时显示:

• 原始数据编号(即“ 15 ”，“ 15 ”，...)
• 系列名称/描述(即“ Browser share ”)

---

几乎但不完全是:

可以在 Fiddle 3 中找到始终显示“百分比”和鼠标悬停时显示“原始数据编号”的水平条形图示例。 (answer 由 jlbriggs 编辑)，但是缺少“数据名称”，而且我找不到更改“系列名称”。此外:这是一个水平条形图，但这不是单层堆叠。

---

非常感谢任何帮助，非常感谢。

Answer 1

同样，这是对 Highcharts 属性的简单修改，特别是这个小片段:

bar: {
        dataLabels: {
           enabled: true,
           distance : -50,
           formatter: function() {
                 var dlabel = this.series.name + '<br/>';
                 dlabel += Math.round(this.percentage*100)/100 + ' %';
                 return dlabel
           },
           style: {
                 color: 'white',
           },
        },

  },

我认为this snippet你追求的是什么？