JqueryFlot несовместимого вопроса IE8

Question

я использую библиотеку диаграммы Jquery и я Флот был в состоянии создать Time Line Chart, но у меня есть проблема с IE 8.

В основном это событие парения работает только для некоторых точек. Используя Google Chrome, я не сталкиваюсь с этой проблемой.

Вот подсказка часть:

var previousPoint = null, previousLabel = null; 
var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; 

$.fn.UseTooltip = function() { 
    $(this).bind("plothover", function (event, pos, item) { 
     if (item) {   

      if ((previousLabel != item.series.label) || (previousPoint != item.dataIndex)) { 
       previousPoint = item.dataIndex; 
       previousLabel = item.series.label; 
       $("#tooltip").remove(); 

       var x = item.datapoint[0]; 
       var y = item.datapoint[1];     

       var color = item.series.color; 
       // var month = new Date(x).getMonth(); 

        showTooltip(item.pageX, 
          item.pageY, 
          color, 
          "<strong>" + y + "</strong>"); 

      } 
     } else { 
      $("#tooltip").remove(); 
      previousPoint = null; 
     } 
    }); 
}; 

function showTooltip(x, y, color, contents) { 
    $('<div id="tooltip">' + contents + '</div>').css({ 
     position: 'absolute', 
     display: 'none', 
     top: y - 40, 
     left: x - 120, 
     border: '2px solid ' + color, 
     padding: '3px', 
     'font-size': '9px', 
     'border-radius': '5px', 
     'background-color': '#fff', 
     'font-family': 'Verdana, Arial, Helvetica, Tahoma, sans-serif', 
     opacity: 0.9 
    }).appendTo("body").fadeIn(200); 
} 

Не могли бы вы помочь мне найти причину и возможное решение?

Заранее благодарен!

Answer 1

У меня была такая же проблема, но я добавляю:

<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]--> 
<script language="JavaScript" src="js/jquery.flot.js"></script> 
<script language="JavaScript" src="js/jquery.flot.time.js"></script> 
<script language="JavaScript" src="js/jquery.flot.orderBars.js"></script> 
<script language="JavaScript" src="js/jquery.flot.axislabels.js"></script> 

Answer 2

Это звучит как тот же вопрос:

https://github.com/flot/flot/issues/1053

Следующая является обходной путь, который должен быть применен к основному JQuery .flot.js (хотя он не нацелен на последнюю версию, он, надо надеяться, укажет вам на правильную привязку)

.

В методе привязки событий (строка 1291) добавить

$ ("Flot база") MouseMove (OnMouseMove);

В способе отключения по линии 1314 добавить

$ ("Flot-базы. ") (" Отвязать MouseMove", OnMouseMove).