Grafico ad area alta, utilizzare 2 colori di riempimento sopra/sotto l'asse X

Question

In Highcharts, mi piacerebbe riempire un grafico Area con 2 colori, i valori positivi ottengono un colore, i valori negativi ottengono un altro colore. Sono stato in grado di farlo con un linearGradient, ma questo deve essere regolato in base allo size of the container.

C'è un modo più generale di farlo, ad es. valori di impostazione>0 color 1, values < 0 color 2?

Vedere la mia JSFiddle per ulteriori informazioni e un esempio: http://jsfiddle.net/GNvur/2/

Answer 1

Il parametro che stavamo cercando è chiamato negativeColor. Usalo in un'area serie come questa:

series: [{ 
     type:'area', 
     data:chartValues, 
     color: "#FF0000", 
     threshold: 0, 
     negativeColor: '#00FFFF', 

     marker : { 
      enabled: true 
     } 
    }] 

vedere il risultato in questo JSFiddle.