plotly.js轴'锚'属性

Question

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

使用此属性的一些示例如下：https://plot.ly/javascript/subplots/。 yaxis2: {anchor: 'x2'}是什么意思？ anchor=false或anchor=free的含义是什么？我无法在在线文档中找到解释。

Answer 1

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

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

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

Answer 2

虽然锚机制很简单，但从一开始就看一个架构会给我节省很多时间。

所以这里有一个关于如何在2D中处理子图轴的直观解释。每个尖箭头代表一个＆＃34; 锚定到＆＃34;关系

草图基于the official example。