使用滑块自定义 3D Plotly 可视化
Customizing a 3D Plotly Visualization with a slider bar
我最近一直在探索 Plotly。我使用 Plotly MATLAB API 的 fig2plotly() 制作了 3D 值函数的轮廓切片。但是，我一直在研究如何进一步自定义情节，但我无法弄清楚我到底该怎么做。
我现在的剧情在这里：
https://plot.ly/~txizzle/81
它基本上是不同的轮廓堆叠在一起。
我的目标：
我想添加一个滑块，一次只显示一个轮廓切片（可能通过改变可见性）。理想情况下，我可以从顶部固定鹰眼视图，因此移动滑块会使它看起来好像是二维的。
我对如何处理这个问题的想法：
1) https://plot.ly/javascript-graphing-library/range-slider/ 似乎是 HTML/JS 自定义滑块的实现，它改变了折线图的 x 轴范围。从我读过的内容来看，这种方法似乎只是 Node.js。理想情况下，我想在 HTML/JS/JQuery/D3.js.
中实现一些东西
2) 或者，我可以使用 2D 轮廓图而不是 3D 轮廓切片：
https://plot.ly/49/~txizzle/
但是，现在，我将需要许多这样的等高线图。我不确定如何使用滑块在不同的等高线图之间切换。
我的问题：
1) 如何自定义 Plotly 图？这可能不依赖 Node.js 吗？我不想只使用 Plotly 给定的自动嵌入器嵌入绘图，因为它抽象了所有内容。
2) 我应该做一个等高线切片还是许多不同的等高线图？
3) 如何添加滑动条来切换不同轮廓切片的可见性，或者如何添加滑动条来完全切换不同的绘图？
感谢您的宝贵时间！期待更多地探索 Plotly。
由于您使用 MATLAB 库生成绘图，您可以通过将绘图作为 iframe 嵌入离线 HTML 文档中，然后使用 Plotly 的邮寄消息 API 来添加滑块效果。
举个例子：
https://plot.ly/matlab/range-slider/
postMessage API:
https://github.com/plotly/postMessage-API
我最近一直在探索 Plotly。我使用 Plotly MATLAB API 的 fig2plotly() 制作了 3D 值函数的轮廓切片。但是，我一直在研究如何进一步自定义情节，但我无法弄清楚我到底该怎么做。
我现在的剧情在这里：
https://plot.ly/~txizzle/81
它基本上是不同的轮廓堆叠在一起。
我的目标：
我想添加一个滑块，一次只显示一个轮廓切片（可能通过改变可见性）。理想情况下，我可以从顶部固定鹰眼视图，因此移动滑块会使它看起来好像是二维的。
我对如何处理这个问题的想法：
1) https://plot.ly/javascript-graphing-library/range-slider/ 似乎是 HTML/JS 自定义滑块的实现，它改变了折线图的 x 轴范围。从我读过的内容来看，这种方法似乎只是 Node.js。理想情况下，我想在 HTML/JS/JQuery/D3.js.
中实现一些东西
2) 或者，我可以使用 2D 轮廓图而不是 3D 轮廓切片：
https://plot.ly/49/~txizzle/
但是，现在，我将需要许多这样的等高线图。我不确定如何使用滑块在不同的等高线图之间切换。
我的问题：
1) 如何自定义 Plotly 图？这可能不依赖 Node.js 吗？我不想只使用 Plotly 给定的自动嵌入器嵌入绘图，因为它抽象了所有内容。
2) 我应该做一个等高线切片还是许多不同的等高线图？
3) 如何添加滑动条来切换不同轮廓切片的可见性，或者如何添加滑动条来完全切换不同的绘图？
感谢您的宝贵时间！期待更多地探索 Plotly。
由于您使用 MATLAB 库生成绘图，您可以通过将绘图作为 iframe 嵌入离线 HTML 文档中，然后使用 Plotly 的邮寄消息 API 来添加滑块效果。
举个例子： https://plot.ly/matlab/range-slider/
postMessage API: https://github.com/plotly/postMessage-API