Question

我正在尝试将一些实时数据可视化合并到我正在处理的网络应用中

我目前正在使用matplotlib和plotly。 matplot的问题在于它不是基于网络的，并且情节问题在于它具有非常有限的实时绘图选项及其流媒体功能。

以下是我尝试创建的图表类型的示例。显示的只是静态的，但由于我有实时数据，我想创建相同类型的图表，实时更新

数据在SQL服务器中存储和更新，因此我基本上只需要一个脚本从SQL DB中获取最新值，然后每隔一秒将其添加到图中。

什么是最好的（HTML兼容）解决方案呢？

您是否找到了解决此问题的方法？因为我遇到了同样的问题。我已经实现了动态图形绘制，可以使用matplotlib实时和连续刷新。现在，我想在网页上绘制动态图表，您有任何建议或示例已完成吗？

Answer 1

其中一些评论中包含值得关注的建议，这个Stack Overflow question也可能有用（尽管它不是HTTP），实际上您自己也提到了has this real time plotting feature。

不过，您提到使用matplotlib获得所需的图形。我也这样做了，所以写了一些非常简单的代码来通过HTTP服务于任意数量的图形，它也向绘图请求任何参数，其中之一是刷新期。正如您可以从代码中看出的那样，对于临时诊断和监视（就我的情况而言，机器学习的进度），故意将其最小化。

用法：

使用python 3.6+（我经常使用f-strings）并将代码粘贴到文件中
将情节添加为PlotRequestHandler类下的方法（方法名称必须以'plot _'开头）
安装任何依赖项（plac +进行绘图所需的任何其他库，例如，我使用pandas，matplotlib）
通过双击（无参数）或命令行（有/无参数）运行文件
通过网络浏览器导航页面

代码：

import matplotlib.pyplot as plt
import pandas as pd
import io
from http.server import HTTPServer,BaseHTTPRequestHandler
import urllib
import inspect

class PlotRequestHandler(BaseHTTPRequestHandler):
    def do_GET(self):
        args = urllib.parse.parse_qs(self.path[2:])
        args = {i:args[i][0] for i in args}
        html = ''

        if 'mode' not in args:
            plots = ''
            for member in dir(self):
                if member[:5] == 'plot_':
                    plots += f'<a href="http://{self.server.server_name}:{self.server.server_port}/?mode=paramcheck&graph={member}">{member[5:].replace("_"," ").title()}</a><br/>\n'
            html = f'''<html><body><h1>Available Plots</h1>{plots}</body></html>'''

        elif args['mode'] == 'paramcheck':
            plotargs = inspect.getargspec(getattr(self,args['graph'])).args
            if len(plotargs) == 1 and plotargs[0].lower()=='self':
                args['mode'] = 'plotpage'
            else:
                for arg in plotargs:
                    if arg.lower() != 'self':
                        html += f"<input name='{arg}' placeholder='{arg}' value='' /><br />\n"
                html = f"<html><body><h1>Parameters:</h1><form method='GET'>{html}<input name='refresh_every' value='60' />(Refresh in sec)<br /><input type='hidden' name='mode' value='plotpage'/><input type='hidden' name='graph' value='{args['graph']}'/><input type='submit' value='Plot!'/></form></body></html>"

        elif args['mode'] == 'plotpage':
            html = f'''<html><head><meta http-equiv="refresh" content="{args['refresh_every']};URL=\'http://{self.server.server_name}:{self.server.server_port}{self.path}\'" /></head>
                       <body><img src="http://{self.server.server_name}:{self.server.server_port}{self.path.replace('plotpage','plot')}" /></body>'''

        elif args['mode'] == 'plot':
            try:
                plt = getattr(self,args['graph'])(*tuple((args[arg] for arg in inspect.getargspec(getattr(self,args['graph'])).args if arg in args)))
                self.send_response(200)
                self.send_header('Content-type', 'image/png')
                self.end_headers()
                plt.savefig(self.wfile, format='png')
            except Exception as e:
                html = f"<html><body><h1>Error:</h1>{e}</body></html>"

        if html != '':
            self.send_response(200)
            self.send_header('Content-type', 'text/html')
            self.end_headers()
            self.wfile.write(bytes(html,'utf-8'))

    def plot_convergence(self, file_path, sheet_name=None):
        if sheet_name == None:
            data = pd.read_csv(file_path)
        else:
            data = pd.read_excel(file_path, sheet_name)

        fig, ax1 = plt.subplots()

        ax1.set_xlabel('Iteration')
        ax1.set_ylabel('LOSS', color='tab:red')
        ax1.plot(data.iteration, data.loss, color='tab:red')

        ax2 = ax1.twinx()

        ax2.set_ylabel('Precision, Recall, f Score')
        ax2.plot(data.iteration, data.precision, color='tab:blue')
        ax2.plot(data.iteration, data.recall, color='tab:green')
        ax2.plot(data.iteration, data['f-score'], color='tab:orange')

        fig.tight_layout()
        plt.legend(loc=6)
        return plt


def main(server_port:"Port to serve on."=9999,server_address:"Local server name."=''):
    httpd = HTTPServer((server_address, server_port), PlotRequestHandler)
    print(f'Serving on http://{httpd.server_name}:{httpd.server_port} ...')
    httpd.serve_forever()


if __name__ == '__main__':
    import plac; plac.call(main)

Python HTML实时绘图

1 个答案: