Javascript 设置Highcharts.js类别标题样式的问题

您能告诉我如何在更新Highcharts.js类别标题样式吗？因此，类别标题和yAxis位于同一颜色上

我已经尝试添加样式

   categories: ['Powerlines', 'Roads'],
   style: {
    color:  Highcharts.getOptions().colors[0]
           },

但它不起作用

更新

颜色[1]

表示黑色

颜色[0]

表示蓝色

     $(function () {

    $('#chart2').highcharts({
        chart: {
            type: 'column'
        },
        credits: {
            enabled: false
        },
        title: {
            text: 'The Chart Title Goes Here!',
            style: {
                color: '#5882FA',
                fontWeight: 'normal',
                fontSize: '11',
                marginBottom: '30'
            }
        },

        xAxis: {
            categories: ['Roads', 'Powerlines'],
          //you can configure xAxis labels here:
            labels: {


                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            }

        },
        yAxis: [{ // Primary yAxis
            labels: {
                format: '{value}°C',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            title: {
                text: 'Temperature',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            }
        }, { // Secondary yAxis
            title: {
                text: 'Rainfall',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            labels: {
                format: '{value} mm',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },
            opposite: true
        }],
        legend: {
            enabled: false
        },
        tooltip: {
            formatter: function () {
                return this.x +
                    ' is <b>' + this.y + '</b>';
            }
        },

        /*series: [{
            data: [{
                name: 'Roads',

                y: 200
            }, {
                name: 'Powerlines',
                color: '#FF00FF',
                y: 50
            }]
        }]*/
        series: [{
            name: 'Rainfall',
            type: 'column',
            yAxis: 1,
            data: [49.9, 71.5],
            tooltip: {
                valueSuffix: ' mm'
            }

        }, {
            name: 'Temperature',
            type: 'column',
            data: [7.0, 6.9],
            tooltip: {
                valueSuffix: ' °C'
            }
        }]
    });


});

$（函数（）{
$（'图表2'）。高图({
图表：{
类型：“列”
},
学分：{
已启用：false
},
标题：{
文本：“图表标题在这里！”，
风格：{
颜色：“#5882FA”，
fontWeight:'正常'，
字体大小：“11”，
marginBottom：“30”
}
},
xAxis：{
类别：[“道路”、“电力线”]，
//您可以在此处配置xAxis标签：
标签：{
风格：{
颜色：Highcharts.getOptions（）.color[0]
}
}
},
yAxis:[{//主yAxis
标签：{
格式：“{value}°C”，
风格：{
颜色：Highcharts.getOptions（）.color[0]
}
},
标题：{
文字：“温度”，
风格：{
颜色：Highcharts.getOptions（）.color[0]
}
}
}，{//次雅克西
标题：{
文字：‘降雨’，
风格：{
颜色：Highcharts.getOptions（）.color[0]
}
},
标签：{
格式：“{value}mm”，
风格：{
颜色：Highcharts.getOptions（）.color[0]
}
},
相反：对
}],
图例：{
已启用：false
},
工具提示：{
格式化程序：函数（）{
把这个还给我+
'is'+this.y+'；
}
},
/*系列：[{
数据：[{
名称:"道路",，
y:200
}, {
名称：“电力线”，
颜色：“#FF00FF”，
y:50
}]
}]*/
系列：[{
名称:"降雨",，
键入：“列”，
亚克西斯:1,，
数据：[49.9,71.5]，
工具提示：{
valueSuffix:'mm'
}
}, {
名称：“温度”，
键入：“列”，
数据：[7.0,6.9]，
工具提示：{
valueSuffix:“°C”
}
}]
});
});

谢谢Sylvester，但我想你给了我完全相反的方向；-）我想要的是有一个正确的标签（这里是蓝色的“电力线”，与二级yAxis xolor相同。更改Highcharts.getOptions（）。颜色[1]为Highcharts.getOptions（）。颜色[0]Sylvester，请查看更新后的图像。我的意思是更改“Rodas”的颜色“哪个是黑色到蓝色您想更改x轴标签的颜色吗？