Highcharts-具有等分甜甜圈重叠的饼图

Highcharts-具有等分甜甜圈重叠的饼图,highcharts,Highcharts,我正试图在Highcharts中获得这样的结果: 标记位置并不重要,只是部分的甜甜圈重叠两片内部馅饼 我试图采用这个例子,但没有成功: 有没有一种方法可以在高图表中实现这一点 您可以创建两个基本的饼图系列,并通过将相同的点颜色设置为背景色来覆盖其中一个点: series: [{ data: [1, 2, 3], size: '60%' }, { data: [{ y: 1, color: 'white' }, 5], si

我正试图在Highcharts中获得这样的结果:

标记位置并不重要,只是部分的甜甜圈重叠两片内部馅饼

我试图采用这个例子,但没有成功:


有没有一种方法可以在高图表中实现这一点

您可以创建两个基本的
饼图
系列,并通过将相同的
点颜色
设置为背景色来覆盖其中一个点:

series: [{
    data: [1, 2, 3],
    size: '60%'
}, {
    data: [{
        y: 1,
        color: 'white'
    }, 5],
    size: '80%',
    innerSize: '60%',
}]
现场演示:


API:

您可以创建两个基本的
饼图系列,并通过将相同的
点设置为背景色来覆盖其中一个点

series: [{
    data: [1, 2, 3],
    size: '60%'
}, {
    data: [{
        y: 1,
        color: 'white'
    }, 5],
    size: '80%',
    innerSize: '60%',
}]
现场演示:


API:

非常有用,谢谢。正确显示标签需要一些调整:Hi@lukaszn,这个示例对您也很有用:禁用数据标签很简单。如何禁用甜甜圈不可见部分的工具提示?我试过这样的方法:但这也会禁用outter甜甜圈可见部分的工具提示,这不应该是这种情况。@lukaszn,我认为在这种情况下,最好对序列使用
ignoreHiddenPoint
属性,对点禁用
visible
选项:效果很好。这是我的完整解决方案,工具提示和数据标签非常有用,谢谢。正确显示标签需要一些调整:Hi@lukaszn,这个示例对您也很有用:禁用数据标签很简单。如何禁用甜甜圈不可见部分的工具提示?我试过这样的方法:但这也会禁用outter甜甜圈可见部分的工具提示,这不应该是这种情况。@lukaszn,我认为在这种情况下,最好对序列使用
ignoreHiddenPoint
属性,对点禁用
visible
选项:效果很好。这是我的完整解决方案,包括工具提示和数据标签