Question

我想在饼图中选择多个部分。如果已经选择了部分，则应在单击时取消选择该部分。

我找到了一个例子here。但在这种情况下，只能选择一个部分，并在单击任何其他部分时取消选择一个部分。

同样，我找到了另一个例子[

$（function（）{ var chart = new Highcharts.Chart（{ 图表：{ renderTo：'容器'，输入：'pie'

    },
    plotOptions: {
        series: {
            states: {
                hover: {
                    enabled: false
                }
            },
            point: {
                events: {
                    click: function () {
                        this.graphic.attr({
                            fill: 'yellow'
                        });
                    }
                }
            }
        }
    },
    tooltip: {
        enabled: false
    },
    series: [{
        data: [{
            name: 'test',
            y: 29.9,
            color: "#CCCCCC",
            active: false
        }, {
            name: 'test2',
            y: 71.5,
            color: "#CCCCCC",
            active: false
        }, {
            name: 'test3',
            y: 106.4,
            color: "#CCCCCC",
            active: false
        }]
    }]
}); });

] 2。在这种情况下，可以选择多个部分，但在再次单击时不会取消选择它们。

请帮助!!

Answer 1

尝试此解决方案：http://jsfiddle.net/3zy8p/13/

    plotOptions: {
        series: {
            point: {
                events: {
                    click: function(event){
                        this.slice(null);
                        this.select(null, true);
                        console.log(this.series.chart.getSelectedPoints());
                    }
                }  
            }                    
        }
    }

Answer 2

Shift + Mouseclick或CTRL + Mouseclick可让您选择/取消选择“积分”。通过简单设置来完成工作：

allowPointSelect : true

highcharts饼图多个部分选择

2 个答案: