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可以单次使用，因为会覆盖全局设置，并且再次调用doens不起作用。

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,
      },
    ],
  }

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

3 个答案: