javascript - Highcharts 工具提示看起来很奇怪

标签 javascript highcharts

更新 (2016.03.03):我在 Mac OS X 10.11.3 上使用 Safari v9.0.3 和 Chrome v48.0.2564.116。我无法将问题复制到 jsfiddle 来显示。实际上,我发现刷新页面后问题可能会消失,所以我不认为这是由我额外的 JavaScript 或 CSS 文件引起的。

这些天我正在使用 Highcharts,但遇到了一个问题,即我的基本折线图的工具提示看起来很奇怪。

某些点的工具提示看起来很正常,如下所示: enter image description here

但是,其他点的工具提示看起来有所不同,例如: enter image description here

我看不出渲染的两个 DOM 树之间有什么区别...

我在 jsfiddle 中尝试了我的代码但看起来不错...

There's no code, check out the jsfiddle link above

我不知道为什么会有所不同,有什么想法吗?提前致谢!

最佳答案

您可以发布您的 highcharts 代码吗?这将有助于诊断问题并提供更实质性的解决方案。

此外,我建议将 useHTML 选项设置为 true,以防引起任何问题。以下是有关如何执行此操作的链接:useHTML

这将允许图表渲染器读取工具提示格式化程序函数中的所有 html 元素,而不仅仅是 html 元素的子集。过去,当人们尝试将花哨的代码合并到工具提示中时,我就看到过这会导致问题。

不确定这是否能解决您的问题,但这是一个很好的起点。

关于javascript - Highcharts 工具提示看起来很奇怪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35762431/

相关文章:

javascript - 在 React js 中集成 Stripe 支付

javascript - 未捕获的类型错误 : e. doDrilldown 不是函数 - Highcharts

javascript - 可拖动的 Highcharts SVG 元素

javascript - Highcharts 多个图形堆叠在单独的 "<div>"中并具有组合缩放

javascript - Highcharts - 强制绘图线消耗可用宽度?

javascript - 如何在每个页面请求时发送 ajax 调用,并使用 ajax 调用的结果对 DOM 进行更改?

JavaScript 错误 : 400 Bad Request and ReferenceError

javascript - 如何在 Javascript 中的正则表达式中使用变量

javascript - 错误 : Can't set headers after they are sent to the client

javascript - 如何将 HighChart.getOption() 与 react-native-highchart 一起使用