帮助Json / jquery for Highchart

时间:2011-08-31 14:07:36

标签: jquery json

我需要把它放到json中

  plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function() {
                        location.href = this.options.url;
                    }
                }
            }
        }
    },

我试过了,但是我收到了这条错误信息

options.plotOptions.series.point.event is undefined
click : function() {

我的代码:

   $.getJSON('http://' + document.domain + '/school/student/globaloverviewgraph/graphoverview', function(data){
                options = data;
                 options.plotOptions.series.point.events = {
                click  : function() {

                   location.href = this.options.url;
                }
              }
             chart = new Highcharts.Chart(options);
          });
        }

我不知道为什么我的代码不起作用,我已经为jight图表的另一个选项做了json并且工作

/////////////////////////////////////////// 我用于其他Hightchart选项的工作代码之一 ////////////////////////////////////////////

(使用其他hightchart选项的json / jquery代码)

$.getJSON('http://' + document.domain + '/school/graph/generate/graph1', function(data){
        options = data;
            options.tooltip = {
            formatter: function() {
                var extrafield = this.series.options.extrafield;
                var extrafield2 = this.series.options.extrafield2;
                return '<b>' + 'Note: ' + this.y +' % <br/>' + '<b>Nom de l\'examen :</b>' + extrafield[this.point.x - 1] + '</b> <br/><b>Date:</b>'  + extrafield2[this.point.x - 1] +' <br/>';
            }
         }
        chart = new Highcharts.Chart(options);
    });

来自

   tooltip: {
         formatter: function() {
                   return '<b>'+ this.series.name +'</b><br/>'+
               this.x +': '+ this.y +'°C';
         }
      },

///////////////////

有人可以帮我吗???谢谢!

更新,工作,但现在我得到了我所有栏的网址

$.getJSON('http://' + document.domain + '/school/student/globaloverviewgraph/graphoverview', function(data){
        options = data;

         options.plotOptions = {

            series :{
                    point:{
                            events:{
                                click: function(){
                                    var extrafield2 = this.series.options.extrafield2;
                                     location.href = extrafield2;

                                }
                            }
                    }


    }
  }
 chart = new Highcharts.Chart(options);

}); }

2 个答案:

答案 0 :(得分:1)

plotOptions需要在一个对象中,所以{ plotOptions: ... }现在你要分配的选项= plotOptions:{}这是无效的。

答案 1 :(得分:0)

 options.plotOptions.series.point.events = {
                click  : function() {

                   location.href = this.options.url;
                }
              }

上面的代码应该可以找到。确保您必须在您正在测试的页面中编写代码。