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
Post a Comment