带有向下钻取的Highcharts列导致主图表中的数据标签模糊，但向下钻取的列除外

Question

使用向下钻取对柱形图进行编码时：

主图表呈现模糊的黑色数据标签。但是当它们被点击时，下一列（打开的向下钻柱）是完美的（白色，没有模糊，非常易读）。 我找到了一个解决方法：

.highcharts-drilldown-data-label TEXT { color: #FFFFFF !important; text-shadow: 0 0 0px white !important; fill: white !important }

尝试删除上面的选择器并检查结果：https://jsfiddle.net/marcelbonnet/pjb5dw9q/1/

现在，它是高级图表中的错误还是我的一些错误？我甚至试过改变jQuery版本，但没有效果。

Answer 1

（我会评论，但我没有足够的分数。）

对我而言，它看起来像一个bug。如果您没有按预期包含drilldown.js您的小提琴。我会用css运行。

请注意，除非TEXT为小写，否则小提琴在FF中不起作用：

.highcharts-drilldown-data-label text {...}

您可能希望在https://github.com/highcharts/highcharts/issues

报告错误

Answer 2

在github：https://github.com/highcharts/highcharts/issues/5145#issuecomment-200878598

的高手表支持下解决

此处的示例：https://jsfiddle.net/pjb5dw9q/6/

问题与样式有关，因为默认情况下它带有下划线和蓝色以邀请互动。请参阅api.highcharts.com/highcharts#drilldown.activeDataLabelStyle。

添加下面的代码解决了我。

drilldown: {
                activeDataLabelStyle: {
                                color: 'blue' //style to invite interaction
            },