javascript - 我可以为 Highcharts 中的所有文本设置默认颜色吗？

Question

我正在努力做一些我认为在 Highcharts 中应该简单的事情。我想要背景为深灰色，所有轴标签、标题等文本为浅灰色。

我几乎可以通过添加大量“颜色”声明来完成此任务，但是......这似乎是重复的，我确信有更好的方法。

 $(function () {
    $('#container').highcharts({
        chart: {
            type: 'line',
            // WHY CAN't I SET A GLOBAL "COLOR" HERE?
            backgroundColor: '#272b30'
        },
        title: {
            text: "Title Title",
            align: 'left',
            style: {
                // DEFINE IT ONCE FOR THE TITLE
                color: '#99aabb'
            }
        },
        legend: {
            // DEFINE AGAIN FOR LEGEND BORDER
            borderColor: '#99aabb',

            // AND FOR LEGEND ITEMS
            itemStyle: {
                color: '#99aabb'
            }
        },
        xAxis: {
            categories: ["2016", "2017", "2018", "2019", "2020"]                
        },
        yAxis: {
            title: {
                text: 'axis label',
                style: {
                    // DEFINE ONE MORE FOR THE AXIS LABEL
                    color: '#99aabb'
                }
            }    
        },
        series: [{
            name: 'Series',
            data: [61, 55, 67, 88, 59]
        }, {
            name: 'Other Series',
            data: [20, 15, 17, 22, 28]
        }, ]
    });
});

我确信我在这里遗漏了一些非常明显的东西!

Answer 1

您可以使用itemStyle为图例着色，例如:

legend: {
            itemStyle: {
                color: '#000000',
                fontWeight: 'bold'
            }
        },

查看文档 Highchart Options Reference