2016-04-27 27 views
1

http://jsfiddle.net/n0mq739a/Wie ändert man die Farbe der Reihenlegende im HighChart-Diagramm?

enter image description here

Ich versuche, die Serie Legende Textfarbe von Schwarz zu ändern, um etwas anderes als schwarz:

$(function() { 
$('#container').highcharts({ 

    legend: { 
     color: '#FF0000', 
     backgroundColor: '#FCFFC5' 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 
}); 

});

Das ist alles, was ich in der Legende in der HighCharts-Dokumentation gefunden habe, gibt es eine andere Möglichkeit, diese Farbe zu ändern?

http://api.highcharts.com/highcharts#legend

+0

@praguan hmm Quarterly und Tor sind noch schwarz gefärbt? –

Antwort

2

Here we go:

Sie müssen ItemStyle angeben. z.B.

itemStyle:{'font-size':'30px'} 

Je nach css Sie verwenden möchten, können Sie auch ‚useHTML‘ gesetzt haben. Aus der Dokumentation:

Using HTML allows for advanced formatting, images and reliable bi-directional text rendering. 

Hier ist ein Beispiel: http://jsfiddle.net/kHzr9/

Hoffe, es hilft;)

+0

Danke! Also hier nur für andere hinzufügen, wie ich es in meiner aktuellen App geändert habe: 'vm.config.options.legend.itemStyle.color = '#fff';' –

Verwandte Themen