单击第一个饼图并将数据设置为第二个饼图时，切入和切出错误答案

【问题标题】：slice in and out works wrong when click 1st pie and set data to 2nd pie单击第一个饼图并将数据设置为第二个饼图时，切入和切出错误
【发布时间】：2014-02-26 17:34:29
【问题描述】：

我创建了一个包含两个系列的饼图。这是我的情况：

当点击左侧饼图时，右侧饼图将填充新数据。

我第一次点击左边的一个切片，点击的那个切片完美。

但是在那次点击之后，我点击了另一个切片，之前切出的那个不会像我想要的那样切入。

在这里演示：http://jsfiddle.net/jdGG7/

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'pie'
        },
        series: [
                {
                    allowPointSelect: true,
                    size: 100,
                    center: [100, 100],
                    events: {
                        click: function(e) {
                            var chart = window.chart;
                            var data = [
                                ['Firefox', 44.2],
                                ['IE7', 26.6],
                                ['IE6', 20],
                                ['Chrome', 3.1],
                                ['Other', 5.4]
                                ];
                            var series = this.chart.series;
                            series[1].setData(data);
                            e.point.slice();
                        }
                    },
                    data: [
                          ['Firefox', 44.2],
                          ['IE7', 26.6],
                          ['IE6', 20],
                          ['Chrome', 3.1],
                          ['Other', 5.4]
                          ]
                } ,
                {
                    size: 100,
                    center: [300, 100],
                    data: [["hehe", 10], ['IE7', 26.6]]
                }
                ]
           });
});

如果有人知道如何按照我的情况做这个演示http://www.highcharts.com/demo/pie-basic。请告诉我。

【问题讨论】：

标签： highcharts pie-chart

【解决方案1】：

我建议您使用两个单独的饼图。

使用时的另一件事

allowPointSelect: true,

最好设置在

plotOPtions:{
pie: {
allowPointSelect: true
}
}

还有一件事是你使用了 e.point.slice() 方法。这种方法会使切片出来。您不是在切入并直接为新点制作新切片。

我真诚的建议是使用两张图表。我希望你明白了

【讨论】：

【解决方案2】：

老实说，我建议使用两个分开的图表。

【讨论】：

【解决方案3】：

你可能想看看这个库，你可以用它创建动态和可探索的饼图（它是 html5，基于 javascript）。

它支持分层数据结构，因此您可以点击第一级饼图，第二级驱动器输出任何数据。

http://datavisualizationsoftwarelab.com/en/products/pie-chart/

饼图示例：

【讨论】：