plotly.js 轴 'anchor' 属性
plotly.js axis 'anchor' attribute
我正在尝试自定义一些子图,但我不明白轴 'anchor' 属性的含义。
此处使用了此属性的一些示例:https://plot.ly/javascript/subplots/。 yaxis2: {anchor: 'x2'}
是什么意思? anchor=false
或 anchor=free
是什么意思?我没能在在线文档中找到解释。
为了回答我自己的问题,我在轴 anchor
属性 here 上找到了文档。
一个x轴可以锚定到一个y轴,例如xaxis2: {anchor: 'y2'}
表示xaxis2在原点加入yaxis2。如果 anchor
设置为 free
,则可以使用位置属性将轴移动到另一个 position。
我不确定是否可以设置 anchor=false
,我看到它用在 plotly.py API here 的 make_subplots
函数中, 但可能 false
只是 python API 内部使用的值。
虽然锚机制非常简单,但从一开始就看到一个模式会节省我很多时间。
下面是如何在 2D 中处理子图轴的直观解释。每个尖箭头代表一个“锚定到”关系
草图基于the official example。
我正在尝试自定义一些子图,但我不明白轴 'anchor' 属性的含义。
此处使用了此属性的一些示例:https://plot.ly/javascript/subplots/。 yaxis2: {anchor: 'x2'}
是什么意思? anchor=false
或 anchor=free
是什么意思?我没能在在线文档中找到解释。
为了回答我自己的问题,我在轴 anchor
属性 here 上找到了文档。
一个x轴可以锚定到一个y轴,例如xaxis2: {anchor: 'y2'}
表示xaxis2在原点加入yaxis2。如果 anchor
设置为 free
,则可以使用位置属性将轴移动到另一个 position。
我不确定是否可以设置 anchor=false
,我看到它用在 plotly.py API here 的 make_subplots
函数中, 但可能 false
只是 python API 内部使用的值。
虽然锚机制非常简单,但从一开始就看到一个模式会节省我很多时间。
下面是如何在 2D 中处理子图轴的直观解释。每个尖箭头代表一个“锚定到”关系
草图基于the official example。