HighCharts: Czy można dostosować kolory poszczególnych serii?

Question

Używam HighCharts dla raportu z wykresu liniowego. W tym konkretnym raporcie poproszono mnie o dostosowanie kolorów każdej serii. Seria zawsze pozostanie taka sama. Tak więc na przykład:

John seria: Niebieska linia przerywana serii Mary: lita czerwona linia

Czy ktoś wie jak to osiągnąć?

Answer 1

Opcje można ustawić osobno dla każdej serii.

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: { 
     type: 'datetime' 
    }, 

    series: [{ 
     name: 'John', 
     color: '#0066FF', 
     dashStyle: 'ShortDash', 
     data: [ 
      [Date.UTC(2010, 0, 1), 29.9], 
      [Date.UTC(2010, 2, 1), 71.5], 
      [Date.UTC(2010, 3, 1), 106.4] 
     ] 
    },{ 
     name: 'Mary', 
     color: '#FF0000', 
     data: [ 
      [Date.UTC(2010, 0, 1), 60.9], 
      [Date.UTC(2010, 1, 1), 40.5], 
      [Date.UTC(2010, 2, 1), 90.0], 
      [Date.UTC(2010, 3, 1), 80.4] 
     ] 
    }] 
}); 

JsFiddle Example

Answer 2

Jeśli czytasz api here zobaczysz poniższy tekst.

Serie

Rzeczywista seria dołączyć do wykresu. Oprócz członków wymienionych poniżej, każdy członek plotOptions dla tego konkretnego rodzaju działki może być dodany do serii indywidualnie. Na przykład, mimo że ogólny lineWidth jest określony w plotOptions.series, dla każdej serii można określić indywidualną lineWidth.

Możesz dodać coś od plotOptions.

Demo:

series: [{ 
    name: 'serie1', 
    data: [0,1,2,3,4,5,6,7,8,9], 
    color: '#FFFF00', 
    lineWidth: 4, 
    id: 'serie1', 
    step: true 
}] 

Working demo