0

Ich möchte ein Highcharts Donut-Diagramm basierend auf this one machen. Nur, dass meine Daten würde wie folgt aussehen:Highcharts.js: bestimmten Wert von Daten zu Tooltip

data: [ 
       {y:40, color: colors[0], name: 'yoyo'}, 
       {y:0, color: colors[1], name: 'dada'}, 
       {y:60, color: colors[2], name: 'sasa'} 
      ] 

Jetzt: wenn ich die mouseOver Funktion dies zu ändern:

mouseOver: function(){ 
         this.series.chart.innerText.attr({text: this.name}); 
        }, 

Dann bin ich in der Lage, den Wert der der name -Taste abgerufen werden aus meine Daten. Allerdings, wenn ich es zu einem Tooltip hinzufügen möge, der folgende Code funktioniert nicht (Code wird nach tooltip: im ursprünglichen Code hinzugefügt):

{ 
     formatter: function() { 
          return '<b>'+this.name+'</b>'; 
        } 
       }, 

Als ich this.name-this.y dann wieder ändere ich den richtigen Wert erhalten . Könnte mir bitte jemand sagen, wie man this.name für den Tooltip abrufen kann? Jede Hilfe würde sehr geschätzt werden.

+1

In einem Formatierer Callback ist dies kein Punktobjekt, aber es hat einige Attribute des zugehörigen Punktes. Sie können also this.key oder this.point.name verwenden. – morganfree

+0

aha, danke, dass du das erklärst. – dliv

Antwort

1

Ihre Formatter von ändern:

formatter: function() { 
    return '<b>' + this.key + '</b>'; 
} 

Wenn Sie nicht wissen, wie Sie Ihr Ziel ist es, console.log(myObject) in Ihrem Code verwenden und Ihre js Konsole überprüfen.

+0

ja, funktioniert! :) Vielen Dank für Ihre Hilfe! – dliv

Verwandte Themen