jquery - Highcharts IE8 - Error on page -


highcharts js version: 3.0.3 broswer: internet explorer 8 reference url: http://jsfiddle.net/adcxr/1/show/

problem: when cursor touches of bar graph charts (and assume charts) , on html page. (mouseout/off of highcharts), following error in ie 8.

message: object doesn't support property or method line: 4 char: 8558 code: 0 uri: https://ajax.googleapis.com/ajax/libs/j ... ery.min.js

from have read online bug inside highcharts js library.

does know of fix ie8 not produce error?

the code below stackoverflow requirements.

$(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) { // 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                 }             }]         });     });  }); 

the error not related highcharts, jquery. you'll need update version you're using (sample have provided 1.7.2), latest version of jquery 1.9.1 , should take care of it.


Comments

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -