Highcharts：两个不同系列图表的setOptions？

Question

我总共有八张小发烧图表。 四个用于赠款，四个用于贷款图。

使用：

Highcharts.setOptions({
    chart: {
        backgroundColor: null
    }, 
    etc...
});

然后使用以下命令访问这些设置：

var chart1 = new Highcharts.Chart({
    chart: {renderTo: 'smallChart1'},
    series: [{data: [13334, 14376, 15825, 16267]}]
});

我能够使前四个图表都遵循单个选项集。

这样就可以了。 但是现在我想为第二组图表设置setOptions，但是我不知道如何制作其他四个图表可以共享的第二组setOptions。

谢谢。

Answer 1

SetOptions可以一次使用，因为它会覆盖全局设置，并且再次调用无效。

Answer 2

SetOptions在highcharts只能使用一次。

参见jsfiddle 。 这与您的问题无关。 它显示了如何对多个图表使用SetOptions 。

Answer 3

如果要为不同的图表设置不同的选项，请不要使用全局配置。 仅对要在每个图表中保持相同的内容使用全局setOptions({ ... }) 。 要覆盖该系列的选项，只需传递样式即可。

例如，假设我希望每个图表中的字体都和minPointLength ，但是我希望该系列中的控件进行更精细的调整……看起来可能像这样。

// global configuration
Highcharts.Highcharts.setOptions({
  chart: {
    style: {
      fontFamily: '"FFMarkWebProRegular", Helvetica, Arial, sans-serif',
    },
  },
  plotOptions: {
    series: {
      minPointLength: 1, // global setting on series
    },
  },
});

例如-给定图的配置

// specific waterfall plot
const config = {
    title: null,
    chart: {
      type: 'waterfall',
    },
    series: [
      {
        borderWidth: 0,  // more specific settings
        ...
        data: waterfallData,
        pointPadding: 0,
      },
    ],
  }