美文网首页
初学 Matplotlib之 与Web的交互

初学 Matplotlib之 与Web的交互

作者: AllenBigBear | 来源:发表于2019-12-10 21:35 被阅读0次

前几篇记录了最简单的一些图像的生成,不过,最终我还是想要将这个数据可视化功能,做进我的网站里面,和web进行交互。

搜索了一下,发现pyplot无法直接和web进行交互,并且在matplotlib里面的教程,也是通过Figure类进行web交互。
另外网上还有一种做法,是通过将数据可视化的结果存为图片后保存在服务器上,最后调用图片,虽然效果可以达到,但是我想要的结果,是一个“动态”的效果,每次都去查询数据并进行生成。

所以,跟着基础教程里的内容来做一遍,教程里是拿Flask来测试,不过也大同小异。

1:Views函数

import base64
from io import BytesIO
from matplotlib.figure import Figure
# Create your views here.

def test_page(request):
    fig = Figure()
    ax = fig.subplots()
    ax.plot([1, 2])
    buf = BytesIO()
    fig.savefig(buf, format='png')
    data = base64.b64encode(buf.getbuffer()).decode('ascii')
    return HttpResponse(f"<img src='data:image/png;base64,{data}'/>")

2: 效果图

这样,每个球队的点的数据,就都可以显示了,目前每个球队的名字显示还有问题,后期再修改。


效果图

相关文章

  • 初学 Matplotlib之 与Web的交互

    前几篇记录了最简单的一些图像的生成,不过,最终我还是想要将这个数据可视化功能,做进我的网站里面,和web进行交互。...

  • Coding and Paper Letter(六十七)

    资源整理。 1 Coding: 1.matplotlib的初学者教程。 matplotlib tutorial 2...

  • 技能树-android基础-Web交互

    Web交互即 webview与js的交互 Webview调用JS loadUrl() evaluateJavasc...

  • 初学 Matplotlib之Pyplot - 1

    之前网站的自动爬虫已经启动了,那每天至少有文章可以更新了,暂时不用管了,所以最近开始着手想做点数据可视化的内容,毕...

  • 初学 Matplotlib之Pyplot - 2

    继续上一篇的内容,还是学习pyplot 这里下一种图形是柱状图 firgure是表示这个画图板的尺寸,以inch为...

  • Flask-基础

    网页的分类 静态网页:无法与服务器进行交互的网页 动态网页:能够与服务器进行交互的网页 WEB与服务器 WEB 网...

  • OC与JS交互

    OC与JS交互前言 OC与JS交互之UIWebView OC与JS交互之WebViewJavascriptBrid...

  • matplotlib 介绍之event 交互

    上一篇文章粗略介绍了一下matplotlib的基本概念,见matplotlib 初步介绍 之所以写这篇,是记录一下...

  • weex开发之与web交互

    在做weex开发中遇到一个需要与web交互的需求。看了下weexSDK,在0.20以上的版本中是有与web交互的a...

  • 使用nodejs实现web服务器与客户端的交互

    使用nodejs实现web服务器与客户端的交互 使用nodejs实现web服务器与客户端的交互 1.实验目的: 使...

网友评论

      本文标题:初学 Matplotlib之 与Web的交互

      本文链接:https://www.haomeiwen.com/subject/qjriwctx.html