Javascript Highcharts选项覆盖问题

我想在我的HTML页面中集成一些图表（highcharts），但我对Javascript知之甚少。我在我的页面中使用多种类型的图表，在不同元素的单击事件中分别显示。 我面临的问题是，在呈现一个图表之后，它的一些选项将应用于其余的图表。可以看出这个问题。如果条形图单独呈现，则所有选项（如颜色等）都会按预期呈现。但若先打开子弹图，然后再打开条形图，事情就会变得一团糟。条从原来的蓝色变为黑色。提前谢谢

Highcharts.setOptions({
    chart: {
        inverted: false,
        marginLeft: 0,
        type: 'line'
    }
});

---

Highcharts.setOptions

用于全局设置图表对象属性，您应该在

Highcharts.chart

对象属性中移动单个属性

在这种情况下，一个示例是移动全局选项：

// Affect all charts and you need to override it
Highcharts.setOptions({
    chart: {
        inverted: false,
        marginLeft: 0,
        type: 'line'
    }
});

要绘制选项图表，请执行以下操作：

// Affect only this chart and/or override global properties
Highcharts.chart('container1', {
    chart: {
        inverted: false,
        marginLeft: 0,
        type: 'line'
    }
});

---

Highcharts.setOptions

用于全局设置图表对象属性，您应该在

Highcharts.chart

对象属性中移动单个属性

在这种情况下，一个示例是移动全局选项：

// Affect all charts and you need to override it
Highcharts.setOptions({
    chart: {
        inverted: false,
        marginLeft: 0,
        type: 'line'
    }
});

要绘制选项图表，请执行以下操作：

// Affect only this chart and/or override global properties
Highcharts.chart('container1', {
    chart: {
        inverted: false,
        marginLeft: 0,
        type: 'line'
    }
});

---

在图表中移动您希望受影响的setOptions对象属性。我认为其中一些选项根本没有意义，例如，

title。setOptions配置中的文本和每个配置中的文本都很混乱。我认为最好的方法是跳过
setOptions
config.@alvarofvr:你说得对！setOptions全局设置属性。我在图表设置中移动了各个属性，问题得到了解决。谢谢我回答了你的问题！祝您有个美好的一天！在图表中移动您希望受影响的setOptions对象属性。我认为其中一些选项根本没有意义，例如，
title。setOptions配置中的文本和每个配置中的文本都很混乱。我认为最好的方法是跳过
setOptions
config.@alvarofvr:你说得对！setOptions全局设置属性。我在图表设置中移动了各个属性，问题得到了解决。谢谢我回答了你的问题！祝您有个美好的一天！