javascript - Highcharts 工具提示在 IE8 上闪烁

Question

enter image description here 您好，我正在使用下面的代码通过 Highchart API 绘制图表。通过此工具提示在 Firefox 和 Chrome 上工作正常，但在 IE 上工具提示会闪烁。当我们移动鼠标工具提示时，它会保留一段时间，而其他工具提示则会出现。

$(document).ready(function(){                var chart=new Highcharts.Chart({                            chart : {                               zoomType: 'xy',                               spacingRight: 20,                               renderTo : "container",                               type : graphType                            },                            tooltip: {                                enabled: true,                                followPointer: true                            },                            title : {                                text : graphTitleForChart                            },xAxis : {                                type: 'datetime'                              },credits: {                                enabled: false                            },                            legend: {                                align: 'right',                                verticalAlign: 'middle',                                layout: 'vertical'                            },                            yAxis : {                                min : 0                            },                            plotOptions :{                                area: {                                 stacking: 'normal',                                 lineColor: '#666666',                                 lineWidth: 1,                                 marker: {                                    enabled : false,                                    symbol : 'circle'                                    }                                },                                column: {                                 stacking: 'normal',                                 pointPadding : 0,                                 lineColor: '#666666',                                 lineWidth: 0,                                 marker: {                                    enabled : false,                                    symbol : 'circle'                                    }                                },                                pie: {                                 allowPointSelect : true                                },                                line: {                                 marker: {                                    enabled : false,                                    symbol : 'circle'                                    }                                },                                series: {                                    events: {                                        legendItemClick: function(event) {                                            var seriesIndex = this.index;                                           var series = this.chart.series;                                           if(this.name == 'Select All'){                                                if(this.visible){                                                    for (var i = 0; i < series.length; i++)                                                    {                                                        series[i].hide();                                                    }                                                }else{                                                    for (var i = 0; i < series.length; i++)                                                    {                                                            series[i].show();                                                    }                                                }                                                return false;                                               }else if(series.length > 1){                                               var i;                                               for (i = 0; i < series.length; i++)                                               {                                                       if(!series[i].visible){                                                        break;                                                            }                                               }                                             }                                        }                                    }                                }                                },                            series : arrSeries                });            });

在此，graphType 将包含 'area','column','pie','line' 之一。
请告诉我这有什么问题。另外，当所有图表系列都有 0 值时，y 轴 0 线显示在 y 轴中间，如何将 Y 轴和 X 轴的原点固定为 (0,0)

Answer 1

我有一个similar issue由于 IE8 处于 Quirks 模式而导致。发生这种情况很可能是因为您没有指定文档类型。

使用<!doctype html>更改为标准模式并解决问题。