2016-05-11 7 views
1

特定のシリーズのカスタマイズされたツールチップを探しています。私はそれを働かせるために複数の方法を試しましたが、成功することはできません。 CodeIgniterのPHPフレームワークでAJAXを使用してデータを取得しています。他のシリーズやデータから値を取得する方法

現在複数のシリーズがあります。私はグラフでtest1とtest2を表示したくありません。問題についての正確な情報を得るにはX軸の値10を考慮してください。

試験シリーズデータ:

[["01",0],["02",0],["03",0],["04",0],["05",0],["06",0],["07",0],["08",0],["09",0],["10",2068] 

のTest1シリーズデータ:

[["01",0],["02",0],["03",0],["04",0],["05",0],["06",0],["07",0],["08",0],["09",0],["10",1510.2568],["11",0]] 

Test2をシリーズデータ:

highchartsシリーズテスト、test1のために
[["01",0],["02",0],["03",0],["04",0],["05",0],["06",0],["07",0],["08",0],["09",0],["10",4097],["11",0]] 

、私のコードは以下のようになりますTEST2 response_dataは私がすべてを取得している変数ですAJAXレスポンスのboveシリーズ私のPHPページから

応答

{"test":[["01",0],["02",0],["03",0],["04",0],["05",0],["06",0],["07",0],["08",0],["09",0],["10",2068],["11",0],["12",0]],"test1":[["01",0],["02",0],["03",0],["04",0],["05",0],["06",0],["07",0],["08",0],["09",0],["10",1510.2568],["11",0],["12",0]],"test2":[["01",0],["02",0],["03",0],["04",0],["05",0],["06",0],["07",0],["08",0],["09",0],["10",4097],["11",0],["12",0]]} 

チャート:ポイント/ X-軸10のための

tooltip: { 
      formatter: function() { 
      if(this.series.name=='Test'){ 
       var current_point=this.point.name; 
       var test1=response_data.test1.current_point; 
       var test2=response_data.test2.current_point; 
       return "Test :"+this.y+"<br/>Test1 : "+test1+"test2 :+test2; 
      }else{ 
      return this.series.name+': <b>'+this.y+'</b>'; 
      } 
      }    
      }, 
      series: [ 
       { 
       name: 'Test', 
       type: 'column', 
       data: response_data.test 
       }, 
       { 
       name: 'test1', 
       data: response_data['test1'], 
       visible: false 
       }, 
       { 
       name: 'test2', 
       visible: false, 
       data: response_data['test2'] 
       } 
      ] 

出力:あなたは配列内のデータを持っている

Test:2068 
Test1:1510.2568 
Test2:4097 
+0

これは、あなたが望む出力されませんか? –

答えて

2

- あなたツールチップの中から値this.xを使用してそれらを参照するだけです問題:

tooltip: { 
    formatter: function() { 
    return '<b>Category: </b>'+this.key 
      +'<br/><b>Test: </b>'+ this.y 
      +'<br/><b>Test1: </b>'+ test1[this.x][1] 
      +'<br/><b>Test2: </b>'+ test2[this.x][1]; 
    } 
} 

フィドル例:

+0

データポイントは未定義で、固定デモです:http://jsfiddle.net/r5rpoog3/ –

+0

@SebastianBochan意味が分かりません - 何か間違いはありませんか? – jlbriggs

+0

@jlbriggsご返信ありがとうございます もう少しお手伝いしますか? 私は正確な応答を追加しましたが、そこからデータを取得する方法はわかりません 私は[test1] [this.x] [1]とresponse.test1 [this.x] [1]の両方に応答しようとしましたは動作していません –

関連する問題