Highcharts Bubble Chart Hover Couleur

Question

J'utilise des graphismes pour créer un graphique à bulles et je veux que la couleur de chaque bulle soit différente. Je suis en train de la couleur comme ceci:

series: [{ 
      data: [ 
       { x: 95, y: 95, z: 13.8, name: 'BE', country: 'Belgium', color: Highcharts.getOptions().colors[0]}, 
       { x: 86.5, y: 102.9, z: 14.7, name: 'DE', country: 'Germany', color: Highcharts.getOptions().colors[1] }] 
}] 

http://jsfiddle.net/4go2otar/

Mais quand je passe la souris sur chaque nœud la couleur des changements de bulles au bleu par défaut. Existe-t-il un moyen de définir la couleur du survol ou de désactiver complètement le changement de couleur du survol?

Answer 1

Au lieu de cartographier les couleurs vous comme ça, vous pouvez simplement utiliser l'option construit en colorByPoint: true dans l'intrigue Options:

plotOptions: { 
    series: { 
    colorByPoint:true, 
    ... 
    } 
} 

Exemple:

• http://jsfiddle.net/jlbriggs/4go2otar/2/

De cette façon, le diagramme gère déjà toutes les interactions. En mettant à jour la couleur de premier niveau, vous n'affectez pas tous les autres paramètres qui entrent dans la détermination de la couleur.

.

Si les couleurs par défaut ne sont pas les couleurs que vous voulez, ou ne sont pas dans l'ordre que vous voulez, vous pouvez définir le tableau de couleurs vous ainsi:

• http://api.highcharts.com/highcharts#colors

Tout ce qui dit, il convient de souligner que ce n'est généralement pas une bonne idée, à moins que les couleurs signifient réellement quelque chose d'utile. Faire en sorte que tout soit de couleur différente pour que tout soit d'une couleur différente ne fait qu'ajouter du fouillis visuel, ce qui rend plus difficile l'ingestion de l'information sans ajouter aucun avantage réel. FWIW

Answer 2

Essayez comme ceci.

plotOptions: { 
      series: { 
       dataLabels: { 
        enabled: true, 
        format: '{point.name}' 
       } 
      }, 
      bubble: { 
       color: 'white', 
       marker: { 
        fillColor: 'transparent' 
       } 
      } 
     }, 

Cela rendra la bulle transparente, laissez-moi savoir si quoi que ce soit d'autre voulez-vous changer