Question

我需要实时在图表中显示动态数据。所以我需要每秒绘制一个包含更新数据的新图表。

问题是我无法清空浏览器中的上一个输出因此，而不是使用更新的数据获得简单的图表我得到了很多图表

这是代码。目前它有随机数据

def graph(data):
    X,Y = 500, 275 #image width and height
    img = Image.new("RGB", (X,Y), "#FFFFFF")
    draw = ImageDraw.Draw(img)

    #draw some axes and markers
    for i in range(X/10):
        draw.line((i*10+30, Y-15, i*10+30, 20), fill="#DDD")
        if i % 5 == 0:
            draw.text((i*10+15, Y-15), `i*10`, fill="#000")
    for j in range(1,Y/10-2):
        draw.text((0,Y-15-j*10), `j*10`, fill="#000")
    draw.line((20,Y-19,X,Y-19), fill="#000")
    draw.line((19,20,19,Y-18), fill="#000")

    for i in range(1,len(data)):
        draw.line((i+20,Y-20,i+20,Y-20-data[i]), fill="#000")

    rtime = str(time.time())
    img.save("../images/out.png"+rtime, "PNG")

    htmlBody = []
    htmlBody.insert(0, 'Content-type: text/html; charset=UTF-8\n') 
    htmlBody.append('<html>')    
    htmlBody.append('<body>')    
    htmlBody.append('<img src=\"../images/out.png'+rtime+'\" alt=\"\" />')

    htmlBody.append("</body>")
    htmlBody.append('</html>')  
    sys.stdout.flush()
    sys.stdout.write('\n'.join(htmlBody))
    sys.stdout.flush()





data = []
if (printgraph!=None):
    sys.stdout = sys.stderr = oldsysout
    for i in range(1,5):
        data.append(int(250*(random.random())))
        graph(data)
        sys.stdout.flush()
        time.sleep(1)
    exit()

Answer 1

我会创建一个单独的CGI脚本来创建图像。然后，您可以在图像标记中引用新脚本。 src="makepic.py"。

关注this guide以使Python脚本提供动态图像。在页面上，您可以使用JavaScript的settimeout来刷新图像。

Answer 2

你可以考虑一个带有HTTP“Refresh”标题的页面。标题的内容应该是由分号分隔的两个项目。第一个是2（刷新之后的秒数），第二个是页面的URL（因为你想重复内容）。如果需要，您还可以使用META标记从页面内容中注入伪标题。

不幸的是，这意味着你的后端会有一些重组，因为现在页面必须在每次调用时都提供当前计算状态的表示。这不一定容易。

要创建一个服务器可以随时“推送”新内容的页面，您需要进行一些编程。考虑提供一个脚本流，将DIV的InnerHTML属性设置为下一个图形的HTML，而不是仅提供纯HTML。然后让您的页面请求此内容。这具有进一步的优点，即每次传送新图形时页面都不会被完全刷新。

用python cgi清空浏览器屏幕

2 个答案: