javascript - Highchart is not working on Google chrome -
high chart not working on chrome , while same chart works fine on firefox.
function display() { $(function () { $('#container1').highcharts({ chart: { type: 'bar' }, title: { text: 'showing requested,processed , relayed status on ' }, subtitle: { text: 'domain wise break down' }, xaxis: { categories: ['gmail', 'yahoo', 'rediff', 'hotmail', 'others'], title: { text: null } }, yaxis: { min: 0, title: { text: 'request/relay status', align: 'high' }, labels: { overflow: 'justify' } }, //tooltip: { // valuesuffix: ' millions' //}, plotoptions: { bar: { datalabels: { // enabled: true } } }, legend: { layout: 'vertical', align: 'right', verticalalign: 'top', x: -40, y: 100, floating: true, borderwidth: 1, backgroundcolor: '#ffffff', shadow: true }, credits: { enabled: false }, series: [{ name: 'relayed', data: [c111,c222,c333,c444,c555] }, { name: 'processed', data: [c666,c777,c888,c999,c100] }, { name: 'requested', data: [c110,c120,c130,c140,c150] }] }); }); } </script>
errors shown chrome
uncaught typeerror: cannot read property 'opacity' of undefined highcharts.js:24 uncaught typeerror: cannot read property 'prototype' of undefined exporting.js:9 uncaught typeerror: object #<object> has no method 'highcharts' read_csv.php:67
this high chart works fine when open in firefox show above mentioned errors when open in ie , chrome. please suggest how can overcome these errors.
this problem happen if loading jquery multiple times.
try loading single instance of jquery (ideally latest).
Comments
Post a Comment