在IE8上闪烁的Highcharts工具提示

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

由于IE8处于Quirks模式而导致similar issue。这很可能是因为您没有指定doctype。

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

Answer 2

如果没有看到使用某些数据的代表性演示，我就无法重现工具提示的“闪烁”。 我会说第二个问题的答案是否定的，当你没有定义所有的点或者都是0时，你不能设置图表只显示相互正面区域。这是HighCharts试图确定尺寸的结果图表。没有积分或所有0 yAxis值都不能很好。

Answer 3

只需输入＆lt;！DOCTYPE HTML＆gt;在HTML标记之前，工具提示不会闪烁。