首页 文章

Highcharts:在Sunburst图表中实现类似于饼图的爆炸剖面行为

提问于
浏览
0

目前,饼图的切片属性显示饼图中的爆炸截面 .

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

但是,Highcharts API参考未在Sunburst图表中显示任何支持此行为的属性 . 我尝试在以下示例中设置数据点切片属性 .

JS小提琴:http://jsfiddle.net/ng3bgckt/

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

切片的属性在亚洲数据点中设置为true,但未显示为分解部分 .

以下是Sunburst图表的示例,其中包含爆炸部分:

链接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图表?

1 回答

  • 0

    目前,sunburst系列不支持 sliced 选项 .

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

    或者尝试自己实施 . 这个 live example 显示了如何编码金字塔图表的切片机制(对于旭日来说,它可以做类似的点层次结构必须考虑):http://jsfiddle.net/kkulig/xpopxw1z/

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

相关问题