我想知道使用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可以动态更改,我必须每次都重新绘制所有可见序列吗?
发布于 2017-10-27 19:03:53
现在有一个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>发布于 2013-03-22 21:13:32
我认为您应该使用point.setVisible(boolean)来实现这一点,请参见示例:http://jsfiddle.net/Fusher/abdPj/2/
https://stackoverflow.com/questions/15566721
复制相似问题