2016-05-11 8 views
1

Ich bin auf der Suche nach angepassten Tooltip für bestimmte Serien. in dem ich mehrere Möglichkeiten ausprobiert habe, um es zum Laufen zu bringen, aber keinen Erfolg haben kann. Ich erhalte Daten mit AJAX im CodeIgniter PHP Framework.Wie hole ich Wert von einer anderen Serie oder Daten

Derzeit habe ich mehrere Serien. aber ich will test1 und test2 nicht in graphen zeigen. Bitte beachten Sie X-Achsen-Wert 10, um genaue Vorstellung über das Problem zu bekommen.

Test Series Daten:

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

Test1 Series Daten:

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

Test2 Series Daten:

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

Für highcharts Serie Test, test1, test2 mein Code wie unten aussieht response_data ist eine Variable, in der ich alle a bekomme Bove-Serie in AJAX-Antwort.

Antwort von meinem PHP-Seite

{"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]]} 

Chart:

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'] 
       } 
      ] 

Ausgang für Punkt/X-Achse 10:

Test:2068 
Test1:1510.2568 
Test2:4097 
+0

ist das nicht die Ausgabe, die Sie wollten? –

Antwort

2

Sie haben die Daten in Arrays - Sie referenzieren Sie sie einfach mit dem Wert this.x aus dem Tooltip für Frage:

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

Fiddle Beispiel:

+0

Datenpunkte sind undefiniert, behoben Demo: http://jsfiddle.net/r5rpoog3/ –

+0

@SebastianBochan Nicht sicher, was Sie meinen - ich sehe keine Fehler? – jlbriggs

+0

@jlbriggs Danke für deine Antwort Wirst du mir bitte helfen mehr? Ich habe genaue Antwort hinzugefügt, aber ich weiß nicht, wie man Daten daraus abruft Ich habe versucht, sowohl [test1] [this.x] [1] als auch response.test1. [This.x] [1] zu antworten funktionieren nicht –

Verwandte Themen