Python 如何使用django直接显示maplotlib图形，而不将其显示为图像？

我正在尝试使用Django和matplotlib绘制图形。因此，在Django模板上绘制图形时，我将matplotlib图形转换为png格式，并将该png文件传递给Django模板

我的要求如下：

我想把垂直线放在图上，垂直线应该能够在图上左右水平移动。 当我们在Django模板上传递图像时，似乎不可能拖动图形上的垂直线并获得对应的x值

请建议一种方法，我们应该如何能够拖动线，并获得其x轴值。 有没有直接的方法来绘制matplotlib图形而不将其作为图像传递

这是添加在views.py中的代码：

buffer = BytesIO()
fig.savefig(buffer, format='png')
buffer.seek(0)
image_png = buffer.getvalue()
buffer.close()
graphic = base64.b64encode(image_png)
graphic = graphic.decode('utf-8')

Html代码：

<img src="data:image/png;base64,{{ graphic|safe }}">

我想在网页上做类似的事情。有关更多详细信息，请参阅图片和参考链接：

我想添加这样的红色标记，应该是拖动山墙。