javascript - 带有标签(数据名称)和百分比年龄的半圆形 donut 饼图......以及鼠标悬停时的数据编号

Question

目标是创建一个饼图，其中

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

澄清:例如想象一个由 2 个数据标签组成的集合。一个叫做apples(包含“15”个苹果)，另一个叫做pears(包含“15”个梨)，然后百分比，始终可见，显示在里面饼图将是“50%”和“50%”，而鼠标悬停时显示的数据将是“15”和“15”。

这已经在之前的帖子中完成了:Displaying percentage inside pie item for highcharts与 JSFiddle 1 .

---

但是，有没有可能

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

• 在饼图内的图表上有文本标签(数据名称)，例如 Fiddle 2。

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

---

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

例如Fiddle 1 以 $(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 的东西.