具有向下钻取的 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

（我会发表评论，但我没有足够的积分。

对我来说，它看起来像一个错误。如果您不包括drilldown.js则小提琴按预期工作。我会使用 css 运行。

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

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

您可能希望在 https://github.com/highcharts/highcharts/issues 报告错误

Answer 2

用 github 上的 highcharts 支持的手来解决：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
            },