Highcharts --- 在向下钻取饼图上更改切片颜色

标签 highcharts pie-chart drilldown

我正在尝试更改饼图上的切片点颜色。向下钻取时,无法使用切片上的选择功能更改颜色。颜色总是变回其父切片的颜色。

例如,当在父图表上单击绿色切片进行向下钻取时,在子图表上单击的任何切片都会变为绿色,即使我试图在 plotOptions 中设置的选择事件中将其更改为黄色.但是取消选择它会通过单击另一个切片将颜色更改为黄色。

这对我来说似乎是一个错误。

       $('#container').highcharts({
            chart: {
                type: 'pie'
            },
            title: {
                text: 'Browser market shares. November, 2013.'
            },
            subtitle: {
                text: 'Click the slices to view versions. Source: netmarketshare.com.'
            },
            plotOptions: {
                series: {
                    allowPointSelect: true,
                    point: {
                        events: {
                          select: function() {
                            this.update({color: 'yellow'});
                          }
                        }
                    },
                    dataLabels: {
                        enabled: true,
                        format: '{point.name}: {point.y:.1f}%'
                    }
                }
            },

            tooltip: {
                headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
            },

            series: [{
                name: 'Brands',
                colorByPoint: true,
                data: brandsData
            }],
            drilldown: {
                series: drilldownSeries
            }
        });

Here是 fiddle 。

最佳答案

在当前版本的 Highcharts (Highcharts Basic v7.2.1) 中,一切正常。

关于Highcharts --- 在向下钻取饼图上更改切片颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26809866/

相关文章:

javascript - Highcharts SolidGauge 标签调整大小问题

javascript - 从 GWT 中的 HighCharts 库中以编程方式在股票图表上选择一个点(也在 native JS 中)

python - 如何给饼图添加标签?

java - 动态更新观察者中的饼图?

javascript - Bootstrap 深入菜单 : Jump back to main menu event

charts - Highcharts - 具有向下钻取到瀑布的柱形图

javascript - 工具提示中的 Highchart 可点击链接

单击重置缩放按钮时会触发 Highcharts 图表单击事件(错误?)

xml - 检索子 XML 元素以显示饼图

ios - Swift - 使用 UITableViewController 创建子菜单