2013-10-02 21 views
5

Sembra che questo dovrebbe essere semplice, ma non riesco a capirlo e nulla nella documentazione API sembra funzionare. Voglio cambiare il colore di una singola colonna quando la colonna è al passaggio del mouse.Highcharts Cambia colore colonna al passaggio del mouse

ho provato a fissare ogni punto i dati per avere uno stato hover con colorFill, ma senza alcun risultato, ho anche provato a fissare nel plotOptions nel column attributo

Ecco un po 'di qualcosa per aiutare: http://jsfiddle.net/TheSharpieOne/DMcQ3/

provato questo: http://api.highcharts.com/highcharts#series.data.marker.states.hover.fillColor
provato questo: http://api.highcharts.com/highcharts#plotOptions.column.states.hover.marker.fillColor
Entrambi non ha funzionato. Non sono sicuro su che altro fare.

Ho trovato questo: Highcharts: changing color on hover ranking chart ma cambia l'intera serie, non solo il punto/colonna corrente.

risposta

16

Si erano quasi arrivati, ma che si desidera impostare color e non fillColor (e non sul marcatore) - ho aggiunto questo alla dichiarazione grafico:

plotOptions: { 
    column: { 
     states: { 
      hover: { 
       color: '#000000'               
      } 
     } 
    } 
} 

e rimosso la roba states dalla colonna dati, sembra funzionare in questo fiddle.

E, sì, non è molto chiaro nella documentazione ...

+1

Grazie! Devono aggiornare la loro documentazione, non avrei mai immaginato che il colore andasse lì: http://api.highcharts.com/highcharts#plotOptions.column.states.hover – TheSharpieOne

+1

Sembra che si possa usare anche borderColor e probabilmente altre opzioni. – stef

Problemi correlati