单击第一个饼图并将数据设置为第二个饼图时，切入和出现工作错误-Java 学习之路

我用两个系列创建一个饼图 . 这是我的情况：

单击左侧饼图时，右侧饼图将填充新数据 .

我第一次点击左边的一个切片，点击的切片完美地褪色 .

但在点击之后，我点击另一个切片，之前切成的切片将不会切入我想要的切片 .

$(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与我的情况 . 请告诉我 .

3 回答

0
我建议你使用两个单独的饼图 .

使用时还有一件事

allowPointSelect: true,

它更好地设置它
```
plotOPtions:{
pie: {
allowPointSelect: true
}
}
```
还有一件事是你使用e.point.slice（）方法 . 这种方法将切片 . 你没有切入并直接为新点制作新的切片 .

我真诚的建议是使用两个图表 . 我希望你明白了
回复于 2024-04-20T21:49:18+08:00
-1

老实说，我建议使用两个独立的图表 .

回复于 2024-04-20T21:49:18+08:00
0

您可能想要查看此lib，您可以使用它创建动态和可探索的饼图（基于html5，基于javascript） .

它支持分层数据结构，因此您可以单击第一级饼图和第二级驱动器以及其中的任何数据 .

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

饼图示例：

回复于 2024-04-20T21:49:18+08:00

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

3 回答

相关问题