如何切换绘图图形对象的轴(x 和 y)

Question

我正在尝试创建一个按钮，该按钮允许从plotly.js图形切换x轴和y轴，以便x=成为=>y轴和y=成为=>x

阅读文档时，我唯一能找到的关于使用autorange属性反转范围的事情。

有没有办法简单地切换 x 和 y，而不必从头开始创建新图形？

Answer 1

这被标记为python。下面适用于在python中翻转x和y。类似的方法可以在javascript中用于更新菜单的结构

import pandas as pd
import numpy as np
import plotly.express as px
df = pd.DataFrame(
{"var1": np.random.uniform(1, 5, 30), "var2": np.random.uniform(4, 10, 30)}
)
fig = px.scatter(df, x="var1", y="var2")
fig.update_layout(
updatemenus=[
{
"buttons": [
{
"label": combi,
"method": "restyle",
"args": [
{"x": [fig.data[0][combi[0]]], "y": [fig.data[0][combi[1]]]}
],
}
for combi in ["xy", "yx"]
]
}
]
)