油炸圈饼图中的目标线

Question

我试图修改Highchart的甜甜圈/饼图，使其看起来如下所示：

​

我修改了他们的饼表，使之看起来有点像。但我在创建这个小小的“目标> 55%”时遇到了问题，勾选标记和文字。对于其他图表，如堆叠条形图，我已经能够在yAxis上使用一个yAxis，但这在这里不起作用(这可能是有道理的，因为饼图实际上没有yAxis)：

yAxis: {
        title: {
          text: "Hi there"
        },
        plotLines:[
          {
           color: 'red',
           dashStyle: 'dash',
           value: 6,
           width: 4,
          }
         ]
        },

http://jsfiddle.net/alexschoolzilla/cehL81ue/1/

对如何制作饼图有什么想法吗？提前感谢您的帮助！

Answer 1

正如我在评论中提到的那样，我认为这种显示方式效率低下，效率低下。

由于饼图的实际用途和布局，绘图线似乎不受饼图的支持，其原因是比较清楚的。然而，用高图集是可以实现的，我会使用实心量规作为基础，使用他们的"Apple Activity量规“演示作为起点：

• http://www.highcharts.com/demo/gauge-activity

可以将plotLine添加到yAxis以实现目标行，还可以根据需要调整所有其他显示设置。一个快速、粗略的例子：

• http://jsfiddle.net/jlbriggs/jjgw4mn4/

​

​

尽管如此，我觉得有义务包括这样的内容，我更愿意将这种类型的信息显示为一个项目图，或者是一个带有目标线的条形图的简化版本。

使用条形图的示例：

• http://jsfiddle.net/jlbriggs/m2fLd6ey/

​

​

FWIW