带有标签（数据名称）和百分比年龄的半圆形甜甜圈饼图......以及鼠标悬停时的数据编号

Question

目标是创建饼图，其中

• 百分比（计算或手动指定）显示在饼图内。
• 鼠标悬停时显示数据。

说明：例如想象一个由 2 个数据标签组成的集合。一个叫做apples（包含“15”个苹果），另一个叫做pears（包含“15”个梨），那么百分比，始终可见，在饼图内显示为“50%”和“50%”，而鼠标悬停时显示的数据为“15”和“15”。

这已经在之前的 post 中完成了：Displaying percentage inside pie item for highcharts with JSFiddle 1。

---

但是，是否可以

• 使用半圆形圆环饼图，而不是圆形饼图。 (什么是半圆甜甜圈饼图？->JSFiddle 2)?

• 在饼图里面的图表上有文字标签（数据名称），比如在Fiddle 2.

*说明：例如默认情况下在饼图上具有数据标签“apples”和“pears”，例如“Firefox" 和 Fiddle 中的 "Chrome" 2.*

---

任何帮助将不胜感激，因为我发现很难将这些 Fiddle 组合起来，因为我对 JS 的经验还很不足。

例如Fiddle 1 works/starts 与 $(function () { var chart = new Highcharts.Chart({,

而 Fiddle 2 以 $(function () { $('#container').highcharts({ 开头。

这位Highcharts API Reference manual正在慢慢学习我，作为一个初学者。

Answer 1

因为我不确定你更喜欢哪个 fiddle 你可以看看利用 highcharts formatter 属性：

formatter: function() {
       return Math.round(this.percentage*100)/100 + ' %';
}

我相信你想要的是this。