使用 mpld3 创建动画图片有很多惊人的可能性。然而，似乎所有的“事件部件”都是 JavaScript 的责任。此外，互联网和 Stack Overflow 上有很多请求，人们直接询问这种可能性。

Retrieve Data From Dynamic mpld3 plot in python

Get point information after dragging

How to "dump" points selected with the LinkedBrush plugin for mpld3?

mpld3 ~ Select points and get their coordinates?

其中有引用，但所有答案都是错误的，因为他们建议使用某种警报或标题。然而，第二个链接最有趣，因为它建议添加一些 HTML 表单并按下按钮将数据从“client-javascript”发送到“server-python”。还有一个有趣的笔记本

http://nbviewer.jupyter.org/gist/aflaxman/11156203

它被许多人称为灵感来源 - 它将输出配置保存在 .html 文件中。也许这个硬盘交换可以用来通过 python 进一步处理这些信息。

更进一步，我发现了 IPYwidgets，其中有大量示例甚至是真正交互客户端-服务器的可能性。本质上，我们可能从基本的 slider 和按钮开始，但随后我们看到一些更复杂的包是在此基础上构建的:主要是 bqplot，以及其他一些继承的包。

我想要的 - 只是在图片上拖放一些点，然后将它们传递给 iPython 以进一步绘制一些图 - 它非常复杂并且绝对不能移动到 JavaScript。但似乎尽管 bqplot 团队已经完成了大量工作，但您只能使用一些“预定义”的交互集，因此再次不包括拖放行为。

当我尝试(不是很深入)进入mpld3的源代码并修改它并可能与ipywidgets合并时，我遇到了很多东西都被弃用了，代码发展得非常快，这与现有的例子不符网上:杨树的大多很老，查询也很老。所以我什么也做不了，因为一团糟，很多例子都因为缺乏向后兼容性而失败。

总结。如果有人提供一些方法来拖放点并将它们的坐标传递给 python，我会很高兴，但对我来说更有帮助的是传递信息的能力mpld3 以更“抽象的方式”，以便可以包含其他情况。

最佳答案

自提出问题以来已经过去了将近一年。好吧，答案与 mpld3 无关，但我不拘泥于该特定技术。用户@Drew 建议使用bqplot，所以我发布了一个相关笔记本的链接

https://github.com/bloomberg/bqplot/blob/master/examples/Interactions/Interaction%20Layer.ipynb

来自彭博社。如果你打开它，我建议找到右上角的链接，它将你重定向到带有图片的外部 nbviewer。几乎所有内容都包含在那里，我只是尝试重现一个简约的工作示例。

请注意，为了启动一个扩展名为 bqplot 的 jupyter notebook，以及一些 ipywidgets，您可能需要做一些事情使它起作用的“魔法”。您需要熟悉一些 bash 命令，例如 jupyter install nbextension 和 jupyter nbextension enable。我个人不得不在 bqplot 上苦苦挣扎几个小时才能让它工作。但这显然是一个单独的问题。

让我们尝试启动函数 observe。测试函数 my_callback(...) 只是打印事件。

%matplotlib inline
from bqplot import pyplot as plt

def my_callback(change):
    print change

scatt = plt.scatter([1,2,3],[4,5,6],enable_move=True)
scatt.observe(my_callback)
plt.show()

你得到了这样一个漂亮的情节:

具有拖动点的附加功能。拖动一个点后，您会看到一个打印的更改列表，它是一个 python 结构，每个事件都在单独的一行上。

{'owner': , 'new': {u'hovered_point': 1}, 'old': traitlets.Undefined, 'name': '_property_lock', 'type': 'change'}

{'owner': , 'new': 1, 'old': None, 'name': 'hovered_point', 'type': 'change'}

{'owner': , 'new': {}, 'old': {u'hovered_point': 1}, 'name': '_property_lock', 'type': 'change'}

{'owner': , 'new': {u'y': {u'type': u'float', u'values': [4, 4.863453784620906, 6]}, u'x': {u'type': u'float', u'values': [1, 2.016078455307904, 3]}}, 'old': {}, 'name': '_property_lock', 'type': 'change'}

{'owner': , 'new': array([ 4. , 4.86345378, 6. ]), 'old': array([4, 5, 6]), 'name': 'y', 'type': 'change'}

{'owner': , 'new': array([ 1. , 2.01607846, 3. ]), 'old': array([1, 2, 3]), 'name': 'x', 'type': 'change'}

{'owner': , 'new': {}, 'old': {u'y': {u'type': u'float', u'values': [4, 4.863453784620906, 6]}, u'x': {u'type': u'float', u'values': [1, 2.016078455307904, 3]}}, 'name': '_property_lock', 'type': 'change'}

{'owner': , 'new': {u'hovered_point': None}, 'old': {}, 'name': '_property_lock', 'type': 'change'}

{'owner': , 'new': None, 'old': 1, 'name': 'hovered_point', 'type': 'change'}

{'owner': , 'new': {}, 'old': {u'hovered_point': None}, 'name': '_property_lock', 'type': 'change'}

我承认这个结构分解起来有点棘手，但仔细看了一下，我们注意到粗线的 'name' 等于 '_property_lock' ，那么 'new' 子结构包含字段 u'x' 和 u'y'，这是“x”和“的 Unicode是”。

然后你可以跟踪这些变化并相应地在函数 my_callback(...) 中运行一些 python 代码，你甚至可以在这个图中绘制一些东西，或者创建一个新的，等等。令人惊讶的是，这在某种程度上是有效的，并且使用新的 jupyter 你甚至可以用小部件保存笔记本，这完全令人兴奋。

关于javascript - 是否真的可以将数据(回调)从 mpld3 传递到 ipython？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37837210/