我想知道用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可以动态更改,我是否必须每次重绘所有可见系列?
2 回答
现在有一个sunburst模块可以为你做这个http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/sunburst/
我想你想使用
point.setVisible(boolean)
,见例:http://jsfiddle.net/Fusher/abdPj/2/