Question

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

但是对于甜甜圈馅饼我无法隐藏它们，我拿了工作样品一个馅饼，并修改为甜甜圈，以告诉你我的意思：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可以随时更改，我必须这样做每次重绘所有可见的系列？

Answer 1

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

Answer 2

现在有一个sunburst模块可以为你做这个 ZoneId

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

Highcharts - Sunburst分区

2 个答案: