javascript - Highcharts:在旭日图中实现类似于饼图的分解部分行为

Question

目前，饼图有一个属性sliced，用于显示饼图中的分解部分。

引用:http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/point/sliced/

但是，Highcharts API 引用并未显示任何属性来支持旭日图中的此行为。 我尝试在以下示例中设置数据点切片属性。

JS fiddle :http://jsfiddle.net/ng3bgckt/

 {
'id': '1.3',
'parent': '0.0',
'name': 'Asia',
'sliced': true
 },

切片属性在数据点 Asia 中设置为 true，但未显示为分解部分。

以下是带有分解部分的旭日图示例:

链接1:http://helpcentral.componentone.com/nethelp/FlexChartWin/SunburstChart.html

链接2:https://www.grapecity.com/en/blogs/getting-started-with-net-sunburst-chart-for-wpf-winforms-and-uwp

Highcharts 中有什么方法可以实现 Sunburst 图表中的分解部分行为吗？或者是否可以为 Sunburst 图表提供 sliced 和 slicedOffset 属性？

Answer 1

更新:

sliced 选项现已在旭日系列中提供。 API引用:https://api.highcharts.com/highcharts/series.sunburst.data.sliced

旧答案:

目前，旭日系列不支持sliced选项。

您可以在此处分享将此功能添加到 sunburst 的想法:https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api

或者尝试自己实现它。这个实例展示了如何编写金字塔图的切片机制(对于旭日图，可以类似地完成+必须考虑点层次结构):http://jsfiddle.net/kkulig/xpopxw1z/

 point: {
        events: {
          click: function() {
            var translate = {
              translateX: this.graphic.translateX ? 0 : slicedOffset,
              translateY: 0
            }
            this.graphic.animate(translate);
          }
        }
      }