首页 文章

在IE8上闪烁的Highcharts工具提示

提问于
浏览
0

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',_ 117783,'pie','line'中的任何一个 .
请告诉我这有什么不对 . 此外,当所有图形序列都有0个值时,在y轴0线显示在y轴的中间,如何将Y轴和X轴的原点固定为(0,0)

3 回答

  • 4

    我有一个similar issue由IE8处于Quirks模式 . 这很有可能发生,因为您尚未指定doctype .

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

  • 1

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

  • 0

    只需在HTML标记之前放置<!DOCTYPE HTML>,工具提示就不会闪烁 .

相关问题