javascript - 具有向下钻取的 Highcharts 列导致主图表中的数据标签模糊,向下钻取的列除外

标签 javascript jquery css highcharts

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

主图表呈现模糊的黑色数据标签。但是当它们被点击时,下一列(打开的向下钻取的列)是完美的(白色,没有模糊,非常可读)。 我找到了一个解决方法声明:

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

尝试去掉上面的选择器,查看结果:https://jsfiddle.net/marcelbonnet/pjb5dw9q/1/

现在,这是 highcharts 中的错误还是我的一些错误?我什至尝试更改 jQuery 版本,但没有效果。

最佳答案

(我会评论,但我没有足够的积分。)

对我来说,这看起来像是一个错误。如果您不包含 drilldown.js,您的 fiddle 会按预期工作。我会用CSS运行。

请注意,除非 TEXT 为小写,否则 fiddle 在 FF 中不起作用:

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

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

关于javascript - 具有向下钻取的 Highcharts 列导致主图表中的数据标签模糊,向下钻取的列除外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35962853/

相关文章:

css - Bootstrap 3 导航栏中的流体调整大小输入

Internet Explorer 7 上的 JavaScript/jQuery 问题

javascript - 定义 y 位置后导航栏颜色变化

javascript - 如何设置开始时间?

javascript - 根据图像着色文本

jQuery ajax 发送 json 并返回 html

jquery - 出现溢出:hidden to work in IE7

javascript - 获取事件目标的父元素的索引

javascript - 错误 : Could not complete the operation due to error 8000000b

JavaScript:在鼠标指针下突出显示/选择单词