高圖集系列文本顏色

Question

這聽起來像是一個非常簡單的問題，但是我花了數小時試圖做到這一點，這讓我感到非常沮喪。

有人可以告訴我如何設置系列名稱的顏色嗎？ 我能夠完全配置圖表的所有其他方面，但是系列名稱仍然為黑色。

我在此處保存了Highchart示例之一，網址為http://jsfiddle.net/ktnexbcr/如何將系列中的文本“氣象數據”設置為藍色或紅色或黑色以外的任何其他顏色。

    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],
        name: 'Meteorological data',
        color: "red",
        font-color: "blue" ??? <-- how
}]

根本不可能嗎？

謝謝，

擔

Answer 1

您需要使用legend.labelFormat或legend.labelFormatter 。 例如：

    legend: {
        labelFormat: '<span style="color:{color}">{name}</span>'
    },

演示： http ： //jsfiddle.net/ktnexbcr/2/

Answer 2

傳奇就是您的后盾，您需要查看文檔http://www.highcharts.com/docs/chart-design-and-style/themes

$(function () {
    $('#container').highcharts({
        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],
            name: 'Meteorological data',
            color: "red",

        }],

        legend: {
        itemStyle: {
            color: 'blue'
        }  
    }
    });
});

在這里擺弄

Answer 3

您可以在圖表中使用以下代碼來設置常用樣式

Highcharts.setOptions({
    chart: {
        style: {
            fontFamily: 'serif'
        }
    }
});

設置圖例顏色

    legend: {
        itemStyle: {
            color: 'red',
            fontWeight: 'bold'
        }
    },

高圖示例

有關更多可用選項，請參考此鏈接