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