前面我们已经学习过了,如何收集网站服务质量的一些相关数据,然后通过入库出图,开始打算是用rrdtool做画图,但是经过一段时间的研究,发现echarts出图合理和美观,下面贴出我实时收集到的数据和出图展示部分:
1、数据收集,并且格式化形成字典:
1 2 3 4 5 6 7 8 9 10 11 12 13 | #!/usr/bin/env python # -*- coding: utf-8 -*- import os,sys,json import time import sys import pycurl class Test: def __init__( self ): self .contents = '' def callback( self ,buf): self .contents = self .contents + buf def test_gzip(input_url): data = {} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | t = Test() c = pycurl.Curl() c.setopt(pycurl.WRITEFUNCTION,t.callback) c.setopt(pycurl.ENCODING, 'gzip' ) c.setopt(pycurl.URL,input_url) c.perform() NAMELOOKUPTIME = c.getinfo(c.NAMELOOKUP_TIME) CONNECTTIME = c.getinfo(c.CONNECT_TIME) PRETRANSFERTIME = c.getinfo(c.PRETRANSFER_TIME) STARTTRANSFERTIME = c.getinfo(c.STARTTRANSFER_TIME) TOTALTIME = c.getinfo(c.TOTAL_TIME) HTTPCODE = c.getinfo(c.HTTP_CODE) SIZEDOWNLOAD = c.getinfo(c.SIZE_DOWNLOAD) HEADERSIZE = c.getinfo(c.HEADER_SIZE) SPEEDDOWNLOAD = c.getinfo(c.SPEED_DOWNLOAD) data[ "HTTPCODE" ] = HTTPCODE |
1 2 3 4 5 6 7 8 9 10 11 12 | data[ "NAMELOOKUPTIME" ] = "%.2f" % (NAMELOOKUPTIME * 1000 ) data[ "CONNECTTIME" ] = "%.2f" % (CONNECTTIME * 1000 ) data[ "PRETRANSFERTIME" ] = "%.2f" % (PRETRANSFERTIME * 1000 ) data[ "STARTTRANSFERTIME" ] = "%.2f" % (STARTTRANSFERTIME * 1000 ) data[ "TOTALTIME" ] = "%.2f" % (TOTALTIME * 1000 ) data[ "SIZEDOWNLOAD" ] = "%d" % (SIZEDOWNLOAD) data[ "HEADERSIZE" ] = "%d" % (HEADERSIZE) data[ "SPEEDDOWNLOAD" ] = "%d" % (SPEEDDOWNLOAD) return data if __name__ = = '__main__' : input_url = sys.argv[ 1 ] print test_gzip(input_url) |
2、后端处理数据,格式化输出:
1 2 3 4 5 6 7 8 9 10 11 | def pycurl(request): cmd = "python %s/backend/pcurl.py www.shikee.com" % ( '/yizhan/oms/app01' ) data = os.popen(cmd).read() data = eval (data) #这个函数害苦我了,开始怎么设置都不对,调用eval之后搞定 NAMELOOKUPTIME = float (data[ 'NAMELOOKUPTIME' ]) CONNECTTIME = float (data[ 'CONNECTTIME' ]) PRETRANSFERTIME = float (data[ 'PRETRANSFERTIME' ]) STARTTRANSFERTIME = float (data[ 'STARTTRANSFERTIME' ]) TOTALTIME = float (data[ 'TOTALTIME' ]) SPEEDDOWNLOAD = float (data[ 'SPEEDDOWNLOAD' ]) return render_to_response( 'pycurl.html' ,{ 'NAMELOOKUPTIME' :NAMELOOKUPTIME, 'CONNECTTIME' :CONNECTTIME, 'PRETRANSFERTIME' :PRETRANSFERTIME, 'STARTTRANSFERTIME' :STARTTRANSFERTIME, 'TOTALTIME' :TOTALTIME, 'SPEEDDOWNLOAD' :SPEEDDOWNLOAD}) |
3、出图的小代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | var myChart = ec.init(document.getElementById( 'main' )); var option = { tooltip: { show: true }, legend: { data:[ 'www.shikee.com' ] }, xAxis : [ { type : 'category' , data : [ "DNS解析时间" , "建立连接时间" , "重定向消耗时间" , "传输结束时间" , "传输结束时间" ] } ], yAxis : [ { type : 'value' } ], series : [ |
{
"name":"服务质量图",
"type":"bar",
"data":[`NAMELOOKUPTIME`,`CONNECTTIME`,`PRETRANSFERTIME`,`STARTTRANSFERTIME`,`TOTALTIME`]
}
]
};
4、出的效果图:
今天的效果展示暂时就到这里了
本文转自 小罗ge11 51CTO博客,原文链接:http://blog.51cto.com/xiaoluoge/1617461,如需转载请自行联系原作者