Question

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

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

澄清：例如想象一个由2个数据标签组成的集合。一个被称为苹果（包含＆＃34; 15＆＃34;苹果），另一个被称为梨（包含＆＃34; 15＆＃34;梨）然后，在馅饼内显示的百分比总是可见的，将是＆＃34; 50％＆＃34;并且＆＃34; 50％＆＃34;，而鼠标悬停上显示的数据将是＆＃34; 15＆＃34;和＆＃34; 15＆＃34;。

以前的帖子已经完成了这项工作：Displaying percentage inside pie item for highcharts和JSFiddle 1。

然而，是否有可能

使用半圆形圆环饼图，而不是圆形饼图。（什么是半圆形甜甜圈饼图？ - ＆gt; JSFiddle 2）？
在饼图内的图表上有文字标签（数据名称），例如在小提琴2中。

*澄清：例如拥有数据标签＆＃34; apples ＆＃34;和＆＃34; 梨＆＃34;默认情况下在饼图上，例如＆＃34; Firefox ＆＃34;和＆＃34; Chrome ＆＃34;在小提琴2。*

任何帮助都会非常感激，因为我发现很难将这些小提琴结合起来，因为我对JS的经验很少。

E.g。 小提琴1 以$(function () { var chart = new Highcharts.Chart({，

开始工作/开始

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

作为初学者，Highcharts API Reference manual正在慢慢地学习我。

Answer 1

由于我不确定你喜欢哪个是一个小提琴，你可以看一下利用highcharts formatter属性：

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

我相信你想要的是this。

圆形甜甜饼饼图，带有标签（数据名称）和馅饼上的％ - 以及鼠标悬停时的数据编号

1 个答案: