如何在 python Matplotlib 中使绘图具有交互性

Question

数据如下所示：

    Id  Timestamp               Data    Group
0   1   2013-08-12 10:29:19.673 40.0    1
1   2   2013-08-13 10:29:20.687 50.0    2
2   3   2013-09-14 10:29:20.687 40.0    3
3   4   2013-10-14 10:29:20.687 30.0    4
4   5   2013-11-15 10:29:20.687 50.0    5
                    ...

我能够绘制一个正常的折线图，但想使用 Matplotlib 创建一个交互式图形。 我使用了代码：

%matplotlib notebook
%matplotlib inline

df['Timestamp'] = pd.to_datetime(df['Timestamp'])   
df1 = df[df['Group'] ==1]
plt.plot( x = 'Timestamp', y = 'Data',figsize=(20, 10))
plt.show()

它返回了一个空图和错误

类型错误：绘图有一个意外的关键字参数“x”

怎么了？

更新：
完全错误

TypeError                                 Traceback (most recent call last)
<ipython-input-33-0eb3ff7c9c6c> in <module>()
      9 df1 = df[df['Group'] ==1]
     10 # df1 = df.groupby(df['Group'])
---> 11 plt.plot( x = df1['Timestamp'], y = df1['Data'], figsize=(20, 10))

2 frames
/usr/local/lib/python3.6/dist-packages/matplotlib/axes/_base.py in __call__(self, *args, **kwargs)
    169             if pos_only in kwargs:
    170                 raise TypeError("{} got an unexpected keyword argument {!r}"
--> 171                                 .format(self.command, pos_only))
    172 
    173         if not args:

TypeError: plot got an unexpected keyword argument 'x'

Answer 1

编辑：这是错误消息的解决方案，而不是解释如何创建需要事件处理的交互式绘图（文档：交互式绘图）

---

要使用x=你必须使用df.plot()而不是plt.plot()

df.plot(x='Timestamp', y='Data', figsize=(20, 10))

如果你想使用plt.plot()那么你必须设置没有x=值

plt.plot(df['Timestamp'], df['Data'])

因为它将它作为位置参数（ *args ），而不是命名参数。

它没有参数figsize=

请参阅文档matplotlib.pyplot.plot() 中的参数

Answer 2

正如@GIRISHkuniyal 所建议的，使用plotly.express有助于使情节与代码交互：

import plotly.express as px
fig = px.line(df1, 'Timestamp', 'Data')
fig.show()

谢谢

---

更新：有时可能需要运行

def configure_plotly_browser_state():
  import IPython
  display(IPython.core.display.HTML('''
        <script src="/static/components/requirejs/require.js"></script>
        <script>
          requirejs.config({
            paths: {
              base: '/static/base',
              plotly: 'https://cdn.plot.ly/plotly-latest.min.js?noext',
            },
          });
        </script>
        '''))

事先如this answer to custom initialise Plotly中所述。