【发布时间】:2015-12-11 08:13:22
【问题描述】:
我最近一直在探索 Plotly。我使用 Plotly MATLAB API 的 fig2plotly() 制作了 3D 值函数的轮廓切片。但是,我一直在研究如何进一步自定义情节,但我不知道该怎么做。
我现在的剧情在这里:
https://plot.ly/~txizzle/81
它基本上是不同的轮廓堆叠在一起。
我的目标:
我想添加一个滑块,一次只显示一个轮廓切片(可能通过改变可见性)。理想情况下,我可以从顶部固定鹰眼视图,因此移动滑块会使它看起来好像是 2D 绘图。
我对如何解决这个问题的想法:
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。
【问题讨论】: