2011-08-31 75 views
0

我需要它放入JSON幫助使用JSON/jQuery的爲Hightchart

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

我tryed,但我得到這個錯誤消息

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); 
      }); 
     } 

我不知道爲什麼我的代碼無法正常工作,我已經爲hight圖表的另一個選項做了一個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); 

}); }

+0

我假設你console.log(數據),以確保你有對象? – orolo

+0

是的,我得到了我的數據的第一部分與JSON請求,但我在這個地方的腳本錯誤options.plotOptions.series.point.events = { ,也許我的語法代碼不好 –

回答

1

plotOptions需要在一個對象中,所以{ plotOptions: ... }現在你正在分配選項= plotOptions:{}這是無效的。

+0

所以我需要刪除選項。 plotOptions? –

+0

那麼你需要將json編碼爲服務器端的正確方式。你可以發佈你的JSON輸出爲/ school/student/globaloverviewgraph/graphoverview和/ school/graph/generate/graph1嗎?我懷疑你是不是json編碼正確。 –

+0

我發現解決方案thx爲大家 –

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

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

上面的代碼應該可以找到。確保你必須在你正在測試的頁面上編寫代碼。

+0

總是得到一個錯誤:(我嘗試了其他代碼(看我的帖子的末尾(更新),那工作,但我得到了所有我的BAR欄的URL –

+0

@downVoter - Can – ShankarSangoli

+0

請說明一下你的投票理由 – ShankarSangoli