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

Question

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

Answer 1

这可能与旧版 IE(例如 IE8)中的 VML 呈现问题有关。参见 this bug report和 this forum post了解更多详情。

建议的解决方法是为工具提示使用完整的 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