2016-04-27 68 views
1

http://jsfiddle.net/n0mq739a/如何更改HighChart圖表中的系列圖例文字顏色?

enter image description here

我試圖改變從黑色系列傳奇文本顏色,任何東西,除了黑色:

$(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] 
    }] 
}); 

});

這是我在HighCharts文檔中的圖例中找到的所有內容,是否有另一種方法來更改該顏色?

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

+0

@praguan嗯季度和目標仍然爲黑色? –

回答

2

這裏,我們去:

你需要指定itemStyle。例如

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

根據您要使用的CSS,您可能還必須設置'useHTML'。從文檔:

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

下面是一個例子:http://jsfiddle.net/kHzr9/

希望它幫助;)

+0

謝謝!所以只需在這裏添加其他人,我如何在我的實際應用程序中進行更改:'vm.config.options.legend.itemStyle.color ='#fff';' –

相關問題