Question

当调用plot_home（）时，我最初会渲染2个图。但是，当我单击每个图时，我希望它调用python函数plot_parameter（），它将根据单击的图绘制另一个图。

我尝试编写此代码，但我不知道如何检测是否单击了第一个绘图或单击了第二个绘图。如果单击第一个绘图，我想绘制图形，如果单击第二个绘图，我想绘制另一个图形。如何使这些图可点击以便在点击时打开另一个图？

from flask import Flask
import matplotlib
matplotlib.use('Agg')
import matplotlib.pyplot as plt
import mpld3

app = Flask(__name__)

@app.route('/')
def home():
    return plot_home()

def onclick(event):
    print 'button=%d, x=%d, y=%d, xdata=%f, ydata=%f'%(event.button, event.x, event.y, event.xdata, event.ydata)
   return plot_parameter()


@app.route('/')
def plot_home():
    fig = plt.figure()
    fig.set_size_inches(5,5)
    parameter_values = [1,2,3,4]
    axis = fig.add_subplot(211)
    axis.plot(parameter_values,'g')
    fig.canvas.mpl_connect('button_press_event', onclick)

    parameter_values = [5,6,7,8]
    axis = fig.add_subplot(212)
    axis.plot(parameter_values,'g')
    fig.tight_layout()
    fig.canvas.mpl_connect('button_press_event', onclick)
    mpld3.show()

 @app.route('/')
 def plot_parameter():
    fig = plt.figure()
    fig.set_size_inches(5,5)
    if(first plot is clicked plot this graph)
        parameter_values = [9,10,11,12]
        axis = fig.add_subplot(211)
        axis.plot(parameter_values,'g')

    if(second plot was clicked plot this graph)
         parameter_values = [13,14,15,16]
         axis = fig.add_subplot(212)
         axis.plot(parameter_values,'g')
    mpld3.show()

if __name__ == '__main__':
  app.run(debug=True)

Answer 1

mpld3库目前不支持图像的事件处理。 Matplotlib通常支持图像的事件处理。但是，当与flask一起使用时，我们需要在画布上将matplotlib图写为图像，因为无法进行事件处理。最好的解决方案是使用javascript使用d3js。我们可以从python返回要绘制的值，然后使用支持事件处理图的d3js绘制它。

单击另一个绘图时渲染新绘图

1 个答案: