高图表:设置两个不同系列图表的选项

Highcharts: setOptions for two different series of charts?

本文关键字：系列 选项 两个 设置 高图表      更新时间：2023-09-26

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

用：

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

，然后使用以下方法访问这些设置：

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

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

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

谢谢。

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

SetOptions highcharts中只能使用一次。

参见 jsfiddle。这与你的问题有关。它演示如何将SetOptions用于多个图表。

如果要

为不同的图表设置不同的选项，请不要使用全局配置。仅对您希望在每个图表中相同的内容使用全局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,
      },
    ],
  }
相关文章：