Ändern Sie die Farbe von Highstock Navigator zu identisch mit der ersten Serie

Question

Ich habe eine Highstock-Diagramm und wird nacheinander hinzufügen und entfernen, wenn der Benutzer verschiedene Kontrollkästchen auswählt. Jede Serie hat ihre eigene vordefinierte Farbe und für jede Serie werde ich dem Navigator auch eine Serie mit der gleichen Farbe hinzufügen, die Code verwendet, der von https://highcharts.uservoice.com/forums/55896-highcharts-javascript-api/suggestions/2361925-allow-navigator-to-have-multiple-data-series inspiriert ist.

Nur die erste Navigatorserie wird automatisch von highstock gehandhabt (der Rest handhabe ich programmatisch) und ich möchte die Farbe ändern, sobald sie gezeichnet wird, um mit der Farbe der vom Benutzer ausgewählten Serie übereinzustimmen. Ich habe versucht, einige Dinge, aber nicht von ihnen arbeiten: http://jsfiddle.net/ezoeetvf/2/

myChart.addSeries({ 
     name : 'AAPL', 
     color: "#ff3300", 
     data : data, 
     tooltip: { 
      valueDecimals: 2 
     } 
    }, true); 

// series 1 is the auto-added navigator 
console.log(myChart.series[1].name); 
// trying set it's color in various ways 
myChart.series[1].color = "#ff3300"; 
myChart.series[1].options.color = "#ff3300"; 
myChart.series[1].options.lineColor = "#ff3300"; 

Wie kann ich die Navigator-Serie haben die gleiche Farbe wie die erste Reihe zu sein, die ich dynamisch bin hinzufügen?

Answer 1

Grzegorz Blachliński Kommentar oben hat seinen Zweck erfüllt. Ich endete mit

myChart.series[1].update({color:"#55FF00" }); 

Danke.