plotly.js 轴 'anchor' 属性

plotly.js axis 'anchor' attribute

我正在尝试自定义一些子图,但我不明白轴 'anchor' 属性的含义。

此处使用了此属性的一些示例:https://plot.ly/javascript/subplots/yaxis2: {anchor: 'x2'} 是什么意思? anchor=falseanchor=free 是什么意思?我没能在在线文档中找到解释。

为了回答我自己的问题,我在轴 anchor 属性 here 上找到了文档。

一个x轴可以锚定到一个y轴,例如xaxis2: {anchor: 'y2'}表示xaxis2在原点加入yaxis2。如果 anchor 设置为 free,则可以使用位置属性将轴移动到另一个 position

我不确定是否可以设置 anchor=false,我看到它用在 plotly.py API heremake_subplots 函数中, 但可能 false 只是 python API 内部使用的值。

虽然锚机制非常简单,但从一开始就看到一个模式会节省我很多时间。

下面是如何在 2D 中处理子图轴的直观解释。每个尖箭头代表一个“锚定到”关系

草图基于the official example