【问题标题】:Customizing a 3D Plotly Visualization with a slider bar使用滑块自定义 3D Plotly 可视化
【发布时间】: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。

【问题讨论】:

    标签: matlab contour plotly


    【解决方案1】:

    由于您使用 MATLAB 库来生成 plotly 图形,因此您可以通过将 plotly 图形作为 iframe 嵌入到离线 HTML 文档中,然后使用 Plotly 的 postmessage API 来添加滑块效果。

    这是一个例子: https://plot.ly/matlab/range-slider/

    postMessage API: https://github.com/plotly/postMessage-API

    【讨论】:

      猜你喜欢
      • 2021-11-22
      • 1970-01-01
      • 2023-04-05
      • 1970-01-01
      • 1970-01-01
      • 2017-04-04
      • 1970-01-01
      • 2016-01-28
      • 1970-01-01
      相关资源
      最近更新 更多