Javascript Highcharts:单独设置轴类别样式

Javascript Highcharts:单独设置轴类别样式,javascript,highcharts,Javascript,Highcharts,给出一个类似示例的图表,如何分别设置每个标签的样式?例如,使“一月”为红色,“二月”为绿色,等等 下面是JSFIDLE的相关部分,它将所有类别设置为红色: $(function () { $('#container').highcharts({ xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec

给出一个类似示例的图表,如何分别设置每个标签的样式?例如,使“一月”为红色,“二月”为绿色,等等

下面是JSFIDLE的相关部分,它将所有类别设置为红色:

$(function () {
    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            labels: {
                style: {
                    color: 'red'
                }
            }
        },

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

我可以使用格式化程序方法将每个标签包装成HTML格式,然后根据
这个.value
有条件地设置其样式,但肯定有更直接的方法吗?

AFAIK实际上没有更直接的方法。有各种各样的具体方法,所有这些方法都需要检查格式化程序中的值并采取相应的行动(我会设置一个CSS类,并亲自在外部对其进行样式设置)。当然,我们可以直接在
categories
数组中内联设置样式。但是,它也会在工具提示中设置颜色:我很害怕。我将采用@jlbigs方法。谢谢你的指点!