0

Je souhaite créer un graphique en forme d'anneau Highcharts basé sur this one. Seulement que mes données ressemblerait à quelque chose comme ceci:Highcharts.js: obtention d'une valeur spécifique à partir des données dans l'info-bulle

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

maintenant: quand je change la fonction mouseOver à ceci:

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

Je suis en mesure de récupérer la valeur du name de la touche mes données. Cependant, quand je veux l'ajouter à une info-bulle, le code suivant ne fonctionne pas (le code est ajouté après tooltip: dans le code d'origine):

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

Quand je change this.name-this.y puis-je obtenir à nouveau la valeur correcte . Quelqu'un peut-il s'il vous plaît me dire comment récupérer this.name pour l'info-bulle? Toute aide sera la bienvenue.

+1

Dans un rappel de formatage, il ne s'agit pas d'un objet ponctuel, mais de certains attributs du point associé. Vous pouvez donc utiliser this.key ou this.point.name. – morganfree

+0

aha, merci d'avoir clarifié cela. – dliv

Répondre

1

changer votre formatter par:

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

Lorsque vous ne savez pas comment est votre objet, utilisez console.log(myObject) dans votre code et de vérifier votre console js.

+0

oui, ça marche! :) Merci beaucoup pour votre aide! – dliv