0

我想知道使用 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% 确定可以即时更改大小和内部大小，我是否每次都必须重绘所有可见系列？

4

2 回答 2

1

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

于 2013-03-22T13:13:32.067 回答
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>
于 2017-10-27T11:03:52.940 回答