时间戳

首页 > 解决方案 > Highchart.js 在纯 IE8 中无法正常工作

javascript - Highchart.js 在纯 IE8 中无法正常工作

问题描述

我在 jsp 中使用 highchart.js v4.2.2。在纯 IE8 中它无法正常工作，工具提示不会隐藏与现有数据的重叠。如果在 IE8 兼容模式下使用更高版本的 IE，它可以工作，但在纯 IE8 下不行。

标签： javascriptjqueryhighcharts

解决方案

这可能与旧 IE 版本（例如 IE8）中的 VML 呈现问题的已知问题有关。有关更多详细信息，请参阅此错误报告和此论坛帖子。

建议的解决方法是为工具提示使用完整的 HTML 和 CSS。例如：

JS：

tooltip: {
    useHTML: true,
    borderWidth: 0,
    backgroundColor: null,
    shadow: false,
    style: {
    padding: 0
}

CSS：

.highcharts-tooltip {
    visibility: hidden;
}

.highcharts-tooltip span {
    background-color: white;
    padding: 8px;
    border: 1px solid silver;
    border-radius: 5px;
    box-shadow: 1px 2px 3px #666;
}

.highcharts-tooltip span span {
    background-color: none;
    padding: 0;
    border: none;
    box-shadow: none;    
}

除此之外，如果没有看到您的一些代码，我们真的无能为力。您可能想阅读本文以改善您的问题并获得更好的帮助：https ://stackoverflow.com/help/how-to-ask

推荐阅读