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

【问题标题】：Highcharts: setOptions for two different series of charts?Highcharts：两个不同系列图表的setOptions？
【发布时间】：2013-12-17 21:46:16
【问题描述】：

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

使用：

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

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

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

我能够使前四个图表都遵循一组选项。

所以效果很好。但是现在我想为第二组图表设置选项，但我不知道如何制作其他四个图表可以共享的第二组设置选项。

谢谢。

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

如果您想为不同的图表设置不同的选项，请不要使用全局配置。仅将全局 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,
      },
    ],
  }

【讨论】：

【解决方案2】：

SetOptions 可以单次使用，因为会覆盖全局设置，再次调用不起作用。

【讨论】：

【解决方案3】：

SetOptions 在highcharts 中只能使用一次。

见jsfiddle。这与您的问题有关。它展示了如何将SetOptions 用于多个图表。

【讨论】：

谢谢，有没有办法在 options 变量之外传递系列数据？
因为你需要使用 json 数据并使用 ajax 调用它