2013-08-19 2 views
2

Highcharts JS Версия: 3.0.3 Broswer: Internet Explorer 8 URL ссылки:http://jsfiddle.net/aDCXR/1/show/Highcharts IE8 - Ошибка на странице

Проблема: Когда курсор касается любого бара (и я предполагаю, что все диаграммы), а затем обратно на страницу html. (MouseOut/выкл из Highcharts), я получаю следующее сообщение об ошибке только в IE 8.

Сообщение: Объект не поддерживает это свойство или метод Линия: 4 Char: 8558 Код: 0 URI: https://ajax.googleapis.com/ajax/libs/j. .. ery.min.js

Из того, что я прочитал в Интернете, что это ошибка в библиотеке Highcharts JS.

Кто-нибудь знает об исправлении, поэтому IE8 не будет производить эту ошибку?

Код, приведенный ниже, предназначен только для требований к стековому потоку.

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container' 
      }, 
      title: { 
       text: 'Combination chart' 
      }, 
      xAxis: { 
       categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums'] 
      }, 
      tooltip: { 
       formatter: function() { 
        var s; 
        if (this.point.name) { // the pie chart 
         s = ''+ 
          this.point.name +': '+ this.y +' fruits'; 
        } else { 
         s = ''+ 
          this.x +': '+ this.y; 
        } 
        return s; 
       } 
      }, 
      labels: { 
       items: [{ 
        html: 'Total fruit consumption', 
        style: { 
         left: '40px', 
         top: '8px', 
         color: 'black' 
        } 
       }] 
      }, 
      series: [{ 
       type: 'column', 
       name: 'Jane', 
       data: [3, 2, 1, 3, 4] 
      }, { 
       type: 'column', 
       name: 'John', 
       data: [2, 3, 5, 7, 6] 
      }, { 
       type: 'column', 
       name: 'Joe', 
       data: [4, 3, 3, 9, 0] 
      }, { 
       type: 'spline', 
       name: 'Average', 
       data: [3, 2.67, 3, 6.33, 3.33], 
       marker: { 
        lineWidth: 2, 
        lineColor: Highcharts.getOptions().colors[3], 
        fillColor: 'white', 
        symbol: 'url(http://highcharts.com/demo/gfx/sun.png)' 
       } 
      }, { 
       type: 'pie', 
       name: 'Total consumption', 
       data: [{ 
        name: 'Jane', 
        y: 13, 
        color: '#4572A7' // Jane's color 
       }, { 
        name: 'John', 
        y: 23, 
        color: '#AA4643' // John's color 
       }, { 
        name: 'Joe', 
        y: 19, 
        color: '#89A54E' // Joe's color 
       }], 
       center: [100, 80], 
       size: 100, 
       showInLegend: false, 
       dataLabels: { 
        enabled: false 
       } 
      }] 
     }); 
    }); 

}); 

ответ

3

Ошибка связана не с высокими диаграммами, а с jquery. Вам нужно будет обновить версию, которую вы используете (образец, который вы предоставили, был 1.7.2), последняя версия jquery - 1.9.1, и это должно позаботиться об этом.

+1

Также не обновлять jquery до 2.XX, он не поддерживает IE 8 и ниже. – RaphaelDDL

+0

Очень потрясающе спасибо! Обновление до 1.9.1 исправлено ... – no1uknow

+0

@ no1uknow - Не запрашивать баллы, но убедитесь, что вы отметили «Ответ», чтобы люди знали, что на вопрос был дан ответ. Это касается всех предыдущих вопросов, которые вы задали, - заметил, что вы не сделали этого ни для одного из них. – Duniyadnd

0

Эта проблема также исправлена ​​в Highcharts, так что теперь она работает со старыми версиями jQuery, как было объявлено. Хотя, конечно, рекомендуется использовать последний jQuery. См. https://github.com/highslide-software/highcharts.com/issues/2161.

+0

Спасибо за комментарий, но то, о чем вы говорите, это еще одна ошибка мыши, которая была исправлена ​​в Highcharts JS Lib. Эта проблема была проблемой с jQuery 1.7.1, как Duniyadnd discoved выше. Обновление до 1.9.1 jQuery исправляет эту проблему. Еще раз спасибо за весь пост, который полностью сделал мой день! – no1uknow

Смежные вопросы