在Plotly子图中使用多个X共享轴

Question

在Plotly子图中使用多个X共享轴

3

我有两个共享x轴的子图，并且希望能够同时缩放它们。当我缩放一个时，第二个会自动调整，但我遇到了问题：x轴只能在第一个轴或第二个轴上呈现。

如何将x轴显示在这两个图下面？

谢谢，Fih

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

- Fih

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- zmxq · Answer 1

你可以将“子图”添加到布局中：

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