自定义Highcharts饼图选择状态,以便选定时切片不会显示动画

自定义Highcharts饼图选择状态,以便选定时切片不会显示动画,highcharts,Highcharts,我正在尝试自定义Highcharts饼图切片的选择状态,以便选中时它不会移出。HighCharts为选择状态提供了“半径”选项,但这些设置对饼图没有影响: $(function () { var chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'pie' }, plotOptions: { series: {

我正在尝试自定义Highcharts饼图切片的选择状态,以便选中时它不会移出。HighCharts为选择状态提供了“半径”选项,但这些设置对饼图没有影响:

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'pie'
    },        
    plotOptions: {
        series: {
            allowPointSelect: true,
            marker: {
                states: {
                    select: {
                        radius: 0,
                        fillColor: '#666'
                    }
                }
            }
        }
    },

    series: [{
        data: [['Jan', 29.9], ['Feb', 71.5], ['Mar', 106.4], ['Apr', 129.2], ['May', 144.0], ['Jun', 176.0], ['Jul', 135.6], ['Aug', 148.5], ['Sep', 216.4], ['Oct', 194.1], ['Nov', 95.6], ['Dec', 54.4]]        
    }]
});
});​

以下示例说明了如何更改选定切片的颜色,但这些设置无效,添加“半径”特性无效:

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'pie'
    },        
    plotOptions: {
        series: {
            allowPointSelect: true,
            states: {
                select: {
                    color: '#666'
                }
            }
        }
    },

    series: [{
        data: [['Jan', 29.9], ['Feb', 71.5], ['Mar', 106.4], ['Apr', 129.2], ['May', 144.0], ['Jun', 176.0], ['Jul', 135.6], ['Aug', 148.5], ['Sep', 216.4], ['Oct', 194.1], ['Nov', 95.6], ['Dec', 54.4]]        
    }]
    });
});​


是否有人在对所选切片仅应用填充颜色的同时禁用了饼图切片选择动画?

多亏了Sebastian和Pawel的帮助,通过“切片偏移:0”设置禁用了切片动画:


请参见

基本上,您希望无论何时单击饼图,所单击的部分都不会消失。所以简单地说:

allowPointSelect: false,
它将停止该切片外出&无需设置任何slicedOffset
这里有一个

否,它将完全禁用选择,我只是想在选择一个切片时禁用动画,因此需要slicedOffset。@RobWillis感谢您的澄清
allowPointSelect: false,