Javascript 具有向下钻取功能的Highcharts列会导致主图表中的数据标签模糊，向下钻取的列除外

使用向下展开对柱状图进行编码时：

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

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

尝试移除上面的选择器并检查结果：

现在，这是海图中的错误还是我的错误？我甚至尝试更改jQuery版本，但没有效果。

（我会发表评论，但我没有足够的观点。）

在我看来，它像一只虫子。如果您没有包含

drilldown.js

，您的小提琴将按预期工作。我会用css运行

请注意，除非

文本

为小写，否则fiddle在FF中不起作用：

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

您可能想在

上报告此错误（我会发表评论，但我没有足够的观点。）

在我看来，它像一只虫子。如果您没有包含

drilldown.js

，您的小提琴将按预期工作。我会用css运行

请注意，除非

文本

为小写，否则fiddle在FF中不起作用：

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

---

您可能希望在github上的highcharts支持部门帮助解决该错误，方法如下：

这里举一个例子：

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

添加下面的代码解决了这个问题

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

---

通过github上highcharts支持的帮助解决：

这里举一个例子：

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

添加下面的代码解决了这个问题

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

---

你使用哪种浏览器？我用最新的Chrome进行了测试，标签用阴影正确打印。@SebastianBochan，很抱歉耽搁了这么久。我用的是Chrome 28，但最近升级到了48。删除CSS选择器时出现相同问题。您使用哪个浏览器？我用最新的Chrome进行了测试，标签用阴影正确打印。@SebastianBochan，很抱歉耽搁了这么久。我用的是Chrome 28，但最近升级到了48。移除CSS选择器时也会出现同样的问题。没错，对于FF，选择器应该是小写的。完成：你是对的，选择器应该是小写的FF。完成：