首页 文章

圆形甜甜饼饼图,带有标签(数据名称)和馅饼上的% - 以及鼠标悬停时的数据编号

提问于
浏览
0

目标是创建一个饼图,在哪里

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

澄清:例如想象一个由2个数据标签组成的集合 . 一个被称为 apples (包含"15"苹果),另一个被称为 pears (包含"15"梨),然后在饼图中显示的百分比(始终可见)将是"50%"和"50%",而鼠标悬停上显示的数据将是"15"和"15" .

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


但是,它是否可能

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

  • 在饼图内的图表上有文本标签(数据名称),例如在小提琴2中 .

*澄清:例如在小提琴2中有数据标签“ apples " and " pears " on the pie by default, such as " Firefox " and " Chrome” . *


任何帮助将不胜感激,因为我发现很难将这些小提琴结合起来,因为我对JS的经验很少 .

例如 . 小提琴1以 $(function () { var chart = new Highcharts.Chart({ 开始工作/开始,

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

作为初学者,Highcharts API Reference manual正在慢慢地学习我 .

1 回答

  • 2

    因为我不确定你喜欢哪个是一个小提琴,你可以看一下利用 highcharts formatter 属性:

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

    我相信你想要的东西就像this .

相关问题