High chart is not working on chrome , while same chart works fine on Firefox.

function display()
{

     $(function () {
        $('#container1').highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: 'Showing Requested,Processed and 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 by 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 I open it in firefox but it show above mentioned errors when I open it in IE and Chrome. Please suggest how can I overe these errors.

High chart is not working on chrome , while same chart works fine on Firefox.

function display()
{

     $(function () {
        $('#container1').highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: 'Showing Requested,Processed and 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 by 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 I open it in firefox but it show above mentioned errors when I open it in IE and Chrome. Please suggest how can I overe these errors.

• javascript
• google-chrome
• highcharts

Share Improve this question Follow asked Oct 7, 2013 at 10:58 abhinav dixitabhinav dixit 34122 gold badges77 silver badges1717 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

This problem will happen if you are loading jQuery multiple times.

Try loading a single instance of jQuery (ideally the latest).