javascript - plot.ly 子图中的多个 X 共享轴

Question

我有两个共享 x 轴的子图，我希望能够同时缩放它们 - 当我缩放一个时，第二个自动调整，但我有问题:x 轴只能在第一轴或第二轴上显示。如何在两个图下方显示 x 轴？

干杯，菲赫

var trace1 = {
  x: [1, 2, 3],
  y: [2, 3, 4],
  type: 'scatter'
};

var trace3 = {
  x: [2, 3, 4],
  y: [600, 700, 800],
  xaxis: 'x',
  yaxis: 'y3',
  type: 'scatter'
};

var data = [trace1, trace3];

var layout = {
  xaxis: {
    domain: [0, 1],
    anchor: ('y', 'y3'),
  },
  yaxis: {
    domain: [0, 0.45],
  },
  yaxis3: {
    domain: [0.55, 1]},
    anchor: 'x',
  };

Plotly.newPlot('compGraph', data, layout);

Answer 1

您可以在布局中添加“子图”:

var layout = {
  grid: {
    rows: 2, 
    columns: 1, 
    subplots:[['xy'], ['xy3']], 
    roworder:'bottom to top'},
};