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

标签 javascript highcharts

enter image description here 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)

最佳答案

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

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

关于javascript - Highcharts 工具提示在 IE8 上闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16983987/

相关文章:

javascript - Highchart 堆叠区域因缺少数据点而无法正常工作

javascript - 实现 Jaspersoft Studio Community (v6.2.2) 显示 Highcharts 图表的自定义可视化组件

javascript - 复选框一次检查一个不起作用

javascript - 选择某个单选按钮时需要在表单上进行某些输入

javascript - PassportJS/Express 内部出错后如何重定向?

highcharts - 多轴上具有多个比例的 Spiderweb Highcharts

javascript - Highcharts 图例正在被切断

javascript - Ember js 2 统计相关字段(hasMany)

javascript - 菜单 - 在整个菜单项下显示子菜单项 - HTML/CSS

javascript - Highcharts - 面积图的每个点都有不同的标记