Ändern der Farbe eines Hintergrunds mit Highcharts.js

Question

Ich versuche, die Hintergrundfarben eines Highcharts Streudiagramms zu ändern. Ich kann die Farbe des Abschnitts mit diesem Code unten leicht ändern. Jedoch muss ich den Hintergrund zu mehr als einer Farbe ändern. Im Wesentlichen versuche ich, den Bereich von 60-100 mit dunkelgrau zu schattieren und auch den Bereich 100-120 mit hellgrau und als 40-60 mit hellgrau zu färben. Dies wird ein Vertrauens-Plot sein, also habe ich das Gefühl, dass dies ein Feature ist, das relativ häufig sein sollte, aber ich kann keine Lösung finden.

dieser Code fügt einen hellgrauen Hintergrund zu dem Grundstück ..

plotBands: [{ 
     from: 60, 
     to: 100, 
     color: '#d9d9d9' 
    }] 

Fiddle: Fiddle Here...

Answer 1

Übergeben Sie einfach ein anderes Objekt an plotBands Array: Updatated fiddle: http://jsfiddle.net/osevj9m3/1/

plotBands: [{ 
    from: 60, 
    to: 100, 
    color: '#d9d9d9' 
}, 
{ 
    from: 100, 
    to: 120, 
    color: '#333' 
}] 

Answer 2

einfach Ihren plotBands ändern

plotBands: [{ 
     from: 60, 
     to: 100, 
     color: '#d9d9d9' 
    },{ 
     from: 40, 
     to: 10, 
     color: '#d0d9d9' 
    }], 

Dank sein, -K