如何更改主题的 Highcharts 情节线颜色答案

【问题标题】：How to change the Highchart plotline color for theme如何更改主题的 Highcharts 情节线颜色
【发布时间】：2021-08-25 14:36:47
【问题描述】：

我正在尝试制作一个图表，其中情节线默认为白色。现在，当更改页面的主题时，我想将情节线颜色从白色更改为黑色以用于浅色主题。这是我的代码：

Highcharts.chart('container', {
    chart: {
        backgroundColor: '#000',
        type: 'line'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],

        plotLines: [{
            color: '#FFF',
            width: 2,
            value: 5.5,
            dashStyle: 'dash'
        }]
    },

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

在图像上，情节线是白色的，但我希望它仅在更改灯光主题时才为黑色。请提出建议，在此先感谢。

【问题讨论】：

标签： javascript css highcharts

【解决方案1】：

在 Highcharts 中，我们有一些叫做主题的东西。我们有很多，你可以在这里找到它们：https://github.com/highcharts/highcharts/tree/master/ts/masters/themes

我还建议阅读有关创建自己的主题的信息，我相信这是您正在寻找的内容：https://www.highcharts.com/docs/chart-design-and-style/themes#creating-your-own-theme

创建与图片中的主题相似的主题的演示：https://jsfiddle.net/BlackLabel/g05sancb/

Highcharts.theme = {
 chart: {
  backgroundColor: '#000'
 },
 xAxis: {
  plotLines: [{
   color: '#FFF',
   width: 2,
   value: 5.5,
   dashStyle: 'dash'
 }]
}};

【讨论】：