Highcharts更改单个系列的标签文本

时间:2014-01-15 14:12:59

标签: javascript jquery css highcharts

在我的堆叠条形图中,您会看到我将我的最后一个系列设置为灰色。是否有任何方法可以将文本颜色设置为黑色,其中系列背景颜色为灰色?

plotOptions: {
    series: {
        stacking: 'percent',
    },
    bar: {
        stacking: 'percent',
        dataLabels: {
            enabled: true,
            format: '{y}%',
            style: {
                color: '#ffffff' //This is where i set the color to white
            }
        }
    }
}

http://jsfiddle.net/jimbob25/V446C/

1 个答案:

答案 0 :(得分:3)

您可以分别为每个系列设置颜色,请参阅:http://jsfiddle.net/V446C/5/

series: [{
    name: 'Poor',
    color: '#E9E9E9',
    data: [12, 23, 13, 18, 7, 19, 9],
    dataLabels: {
        style: {
            color: '#000000'
        }
    }
}, {
    name: 'Satisfactory',
    color: '#629AC0',
    data: [42, 45, 35, 57, 29, 61, 26]
}, {
    name: 'Excellent',
    color: '#006FBC',
    data: [46, 32, 52, 25, 64, 20, 65]
}]