问题标签 [mpld3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
754 浏览

javascript - 拖拽后获取点信息

IPython Notebooks 中有用于交互式 matplotlib-plots 的惊人 mpld3。mpld3 还具有插件。一个对我来说特别有趣:您可以在情节中选择一个点并将其拖动 - 它显示在此处:

http://mpld3.github.io/examples/drag_points.html

链接中的源代码生成下面的图。我想从我将我的观点拖到的插件中获取信息。但我真的迷失在 javascript 部分以及如何从中获取信息。

在这里,我将一些点拖到了新位置。 我想获取我将它们拖到哪里的信息。

0 投票
1 回答
785 浏览

python - 为 mpld3 创建一个新插件

为了学习如何创建新的 mpld3 插件,我采用了一个现有示例 LinkedDataPlugin ( http://mpld3.github.io/examples/heart_path.html ),并通过删除对 lines 对象的引用对其进行了轻微修改。也就是说,我创建了以下内容:

但是,当我尝试将插件链接到图形时,如

我收到一个错误,“模块”不可调用,指向这一行。这是什么意思,为什么它不起作用?谢谢。

我正在添加额外的代码以表明链接多个插件可能会出现问题。但这可能完全是由于我的一些愚蠢的错误,或者有办法解决它。以下基于 LinkedViewPlugin 的代码生成三个面板,其中顶部和底部面板应该是相同的。预计中间面板中的鼠标悬停将控制顶部和底部面板中的显示,但仅在底部面板中发生更新。如果能够弄清楚如何在多个面板中反映变化,那就太好了。谢谢。

于 2014 年 8 月 22 日编辑

我正在进一步编辑此代码以解决创建插件以控制两个轴上的行为的问题。这是代码:

当我检查 ptsobj、ptsobj2、lineobj、lineobj2、patchobj 和 patchobj2 时,我看到

所以有一些问题需要解决...

0 投票
1 回答
361 浏览

javascript - mpld3 中自定义插件中的选择——制作滑块

我正在尝试在 mpld3 中实现一个滑块,就像之前的问题一样。

我正在尝试构建可拖动点示例来执行此操作。我在理解以下代码的工作原理时遇到了一些麻烦:

this特别是,在这种情况下指的是什么。我最初认为我可以用where (在函数顶部)之d3.select(this)类的东西替换。但这不起作用,如我制作的这个笔记本所示。(第二段代码不允许您拖动红点)。d3.select("#"+foo)foo = this.props.iddraw()

万一我想做什么不清楚......看看这个笔记本。我制作了一个插件,允许水平拖动红色方块(滑块)。我想做的是拖动红点改变蓝点的位置。所以我想做类似的事情:

这个简单示例的预期行为是让蓝点在拖动时沿与红色方块相反的方向移动。问题是,我用什么代替"#redsquare"and "#bluedot"

非常感谢。

0 投票
1 回答
4170 浏览

python - 如何使用 mpld3 和烧瓶将 matplotlib 图放入 html 容器中

我正在尝试使用 mpld3-flask 示例(https://github.com/nipunreddevil/mpld3-flask)作为模板来实现某种行为。我想要的是在标题栏上添加链接到不同的图,而不是有一个单选按钮查询表单。

现在,上面的示例代码在 templates/index.html 中创建了一个容器,然后在用户通过单击“View Plot”按钮提交查询时使用绘图填充它。据我所知,这发生在 index.html 中的代码中:

我想要的是添加到当前具有“主页”的标题栏中,并在不同的页面中显示每个示例图。我会路由到不同的链接,然后用绘图数据填充模板 html 代码,而不需要用户查询。

我对 html 有点陌生,目前对 JavaScript 基本上一无所知。我的感觉是有一些相对简单的方法可以使用flask + jinja2 来做到这一点,但我一直无法弄清楚。

由于组合所有这些语言而导致的那种不清楚的名称空间,我遇到了一些麻烦。在我自己的 python 编程中,我通常对命名空间非常严格(即我从来没有使用过'from ____ import *'),所以这让我有点发疯。

0 投票
1 回答
399 浏览

d3.js - 如何将最好的 mpld3 和 square/crossfilter 合并为自定义插件?

因此,我正在研究 mpld3 以获取我可以使用square/crossfilter加载的一些更大的数据集(磁盘上约 700MB) 。有趣的是能够执行以下操作:

然后能够在生成的直方图上进行拖动/滑动选择,以动态更改其他两个图以仅绘制通过选择的点。我的猜测是,因为地块中的每个“城市”之间没有联系,所以这可能要求太多,而且d3完全使用更容易?

0 投票
1 回答
526 浏览

python - mpld3 插件来设置 xtics

我正在尝试制作一个 mpld3 插件,所以当我将鼠标悬停在散点图的一个圆圈上时,它显示了 sin 线,但 x 轴从线的开始处开始,在线的结束处结束。

我应该调用哪种方法来实现这一点?

0 投票
1 回答
456 浏览

python - 使用 mpld3 的错误颜色条标签

我正在使用 mpld3 在浏览器中绘制一些图。散点图显示正确的颜色,但该图的颜色条有错误的标签。尽管 vmin 和 vmax 不同,但颜色条始终标记为 0 到 1。有任何想法吗?

0 投票
1 回答
1019 浏览

javascript - 从python中的动态mpld3图中检索数据

我想更新用于创建 mpld3 生成的 python matplotlib 列表图的输入数据。实际上,我有与此处发布的相同的问题:

拖拽后获取点信息

我熟悉python和matplotlib。sjp14051 回答了上面的帖子,展示了如何生成在生成的 html 图中移动的点坐标的变化变化。您能否解释一下如何将 javascript 生成的坐标更改移回 python 环境以更新用于生成绘图的原始输入点 [0] 列表?

(如果合适,请将其与引用的 SO 问题合并。)

0 投票
1 回答
1380 浏览

python - 使用 JSON 数据更新 mpld3 图

我一直在玩 mpld3 绘图,并试图找出一种通过提供新的 JSON 序列化字典来更新生成的 mpld3 绘图的好方法。假设我使用一些模板引擎生成了我的 mpld3 图:

现在,我添加了一个带有回调的滑块,旨在使用mpld3.fig_to_dict()调用生成的新 JSON 更新整个图形。mpld3 的 Github 上的这个PR演示了如何使用滑块更新和动画单个线条元素,但是有没有简单的方法通过提供新的 json 数据来简单地更新整个图形?

0 投票
1 回答
382 浏览

javascript - mpld3:如何使用插件更改工具栏的位置?

mpld3 显示的工具栏通常位于屏幕的右下角。我希望它位于屏幕的右上角。似乎控制工具栏位置的代码可以位于此处

我想知道如何使用 Javascript 选择工具栏对象,以便我可以更改它的位置。Javascript 代码最好是一些自定义 mpld3 插件的属性。