Highcharts列点击

时间:2012-07-31 14:20:10

标签: javascript charts highcharts

您好我已经在Highcharts Point上提出了一个问题点击不起作用。更进一步,我发现我的点击功能在谷歌浏览器中工作但不在IE 8中。你能帮我解决这个问题吗?我没有收到任何关于我之前问题的回复,因此我再次发布此消息 -

以下是我的代码 -

var columnoptions = {
                chart: {
                    renderTo: 'container',
                    type: 'column'
                },
                title: {
                    text: 'Exposure Details - Column Chart'
                },
                xAxis: {
                    categories: []
                },
                yAxis: {
                    title: {
                        text: 'Exposure'
                    }
                },              
                plotOptions: {  
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function() {
                            alert ('here');
                        }
                    }
                }
            } 
        },
                series: []
            };   

及以下是绘制柱形图的函数 -

function displayColumnChart(){

     columnoptions.series = [];
     columnoptions.xAxis.categories = [];            
      var seriesOptions = {
                    name: 'chart',
                    data: [],                       

                };
     for(index = 0; index < categoryArray.length; index++){

         columnoptions.xAxis.categories.push(categoryArray[index]);

         seriesOptions.data.push(valueArray[index]);        

     }      

     columnoptions.series.push(seriesOptions); 
     chart = new Highcharts.Chart(columnoptions);
   }

是否因为我动态创建此图表的方式?请指导我这个。我收到错误 - 对象不支持此属性或方法。 Highcharts.js第25行。代码0.字符55.我希望实现图表向下钻取。因此需要让这个工作。 IE是公司的标准浏览器。请帮我。

2 个答案:

答案 0 :(得分:2)

Object doesnt support this property or method

这是主要在IE中生成的Javascript错误。

当遇到这样的JS错误时,请始终检查代码中的额外逗号,单引号。

我可以在您的代码段中看到这样的内容。

var seriesOptions = {
                    name: 'chart',
                    data: [],                       

                };

这应该是

var seriesOptions = {
                        name: 'chart',
                        data: []                       

                    };

Firefox忽略了这样的错误,但IE不允许你离开。 :)

答案 1 :(得分:2)

我刚刚使用了最新的highcharts文件2.2.5并解决了它。适用于IE8。而且我觉得整体表现也有所改善。谢谢。 :)