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

Question

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

干杯，菲什

＆＃13;

＆＃13;

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);

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

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