Javascript Highcharts:在没有切片动画的情况下更改饼图部分的颜色

Javascript Highcharts:在没有切片动画的情况下更改饼图部分的颜色,javascript,highcharts,data-visualization,pie-chart,Javascript,Highcharts,Data Visualization,Pie Chart,考虑以下场景: 我有下面这张已经切片的饼图。 单击/选择任何部分(任意次数)时,我希望在选择颜色和原始颜色之间切换部分的颜色 但我不知道要恢复到原始(0,0)位置的部分。也就是说,它们在单击/选择时应保持切片 有没有办法做到这一点?您可以使用click事件先进行选择,然后确保在()之后对其进行切片: 不幸的是,如果不使用累积选择,这种方法就不能很好地工作。最好找到一种方法,在该方法中,您可以先禁用slice事件,然后禁用select事件。您可以先使用click事件进行选择,然后确保它在()之

考虑以下场景:

  • 我有下面这张已经切片的饼图。

  • 单击/选择任何部分(任意次数)时,我希望在选择颜色和原始颜色之间切换部分的颜色

  • 但我不知道要恢复到原始(0,0)位置的部分。也就是说,它们在单击/选择时应保持切片


  • 有没有办法做到这一点?

    您可以使用click事件先进行选择,然后确保在()之后对其进行切片:


    不幸的是,如果不使用累积选择,这种方法就不能很好地工作。最好找到一种方法,在该方法中,您可以先禁用slice事件,然后禁用select事件。

    您可以先使用click事件进行选择,然后确保它在()之后被切片:

    不幸的是,如果不使用累积选择,这种方法就不能很好地工作。最好找到一种方法,在该方法中,您可以先禁用slice事件,然后再禁用select事件。

    我建议在那里使用并调用它。大概是这样的:

    我建议使用并打电话到那里。大概是这样的:

    series: [{
        data: [
            {
            name: 'Jan',
            y: 29.9,
            sliced:true
            },
        {
            name: 'Feb',
            y: 71.5,
            sliced:true
    
            },
        {
            name: 'Mar',
            y: 106.4,
            sliced:true
    
            },
        {
            name: 'Apr',
            y: 100,
            sliced:true
    
        }
        ],
        slicedOffset:20
    }]
    
    plotOptions: {
        pie: {
            point:{
                events:{
                    click: function(event) {
                        this.select(!this.selected, true);
                        this.slice(true);
                        return false;
                    }
                }
            }
        }
    }
    
        plotOptions: {
            pie: {
                allowPointSelect: true,
                states: {
                    select: {
                        color: '#ff0000'
                    }
                },
                point:{
                    events:{
                        unselect: function(event) {
                            this.slice(true);
                        }
                    }
                }
            }
        },