Highcharts - 森伯斯特分区答案

【问题标题】：Highcharts - Sunburst partitionHighcharts - 森伯斯特分区
【发布时间】：2013-03-22 09:22:22
【问题描述】：

我想知道使用 Highcharts 创建向下钻取旭日形分区的最佳方法？我最初的方法是渲染所有系列，并根据所选系列动态更改系列（隐藏内部系列并更改其余系列的大小/内部大小）。

但是对于我无法隐藏的甜甜圈派，我采用了工作样本一个馅饼并修改为甜甜圈以向您展示我的意思：http://jsfiddle.net/abdPj/

var chart = new Highcharts.Chart({
    chart: {
        type : 'pie',
        renderTo: 'container'
    },

    xAxis: {
    },

    series: [{
        size: '30%',
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }, {
        innerSize: '35%',
        size: '60%',
        data: [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]        
    }]
});


// the button action
$button = $('#button');
$button.click(function() {
    var series = chart.series[0];

    if (series.visible) {
        series.hide();
        $button.html('Show series');
    } else {
        series.show();
        $button.html('Hide series');
    }

});

也不是 100% 确定大小和 innerSize 可以即时更改，我是否必须每次都重绘所有可见的系列？

【问题讨论】：

标签： highcharts sunburst-diagram

【解决方案1】：

现在有一个 sunburst 模块可以为您执行此操作 http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/sunburst/

<script src="https://code.highcharts.com/modules/sunburst.js"></script>

【讨论】：

【解决方案2】：

我认为您想为此使用point.setVisible(boolean)，请参见示例：http://jsfiddle.net/Fusher/abdPj/2/

【讨论】：

您好帕维尔，感谢您的回复！在通过切片的 id 过滤之后，我决定使用类似于广度优先的方法来获取系列的级别。我知道可能有更好的方法，但到目前为止我遇到了这样的事情 jsfiddle.net/4thwd/1 ，点击中心上升，仍在努力。塔克！