HTMLTestRunner原始报告模板添加饼图

1、画饼图：
在HTMLTestRunner类中添加方法：

需要导入：

from matplotlib import pyplot as plt 
import os 
#from common.Log import MyLog as Log

 def DrawPie(self, result):
        """
		绘制饼图用pie
		:return:
		"""
        labels = 'OK', 'NG', 'E'
        fracs = [result.success_count, result.failure_count, result.error_count]
        #fracs = [3,4, 5]

        colors = ['limegreen', 'darkorange', 'red']
        explode = [0, 0, 0]  # 0.1 凸出这部分，
        plt.axes(aspect=1)  # set this , Figure is round, otherwise it is an ellipse
        # autopct ，show percet
        plt.pie(x=fracs, colors=colors, labels=labels, explode=explode, autopct='%3.1f %%',
                shadow=True, labeldistance=1.1, startangle=90, pctdistance=0.6
                )
        # plt.show()
        # 显示图例
        plt.legend()
        #创建饼图存放路径
        cur_path = os.path.dirname(os.path.realpath(__file__))
        log_path = os.path.join(os.path.dirname(cur_path), 'logs')
        # 如果不存在这个logs文件夹，就自动创建一个
        if not os.path.exists(log_path): os.mkdir(log_path)

        imgPath = os.path.join(log_path, "pie%s.png"%time.strftime('%Y_%m_%d_%H_%M_%S'))
        plt.savefig(imgPath)

        #return log_path.split("\\")[-1]
        #返回生成的图片
        return imgPath[-26:]

2、获取图片路径：

在HEADING_TMPL = “”"

加入：

在report中添加饼图尺寸大小：

.report_pie{
    float:right;
    margin-top:-190px;
    margin-right:600px;
    width:280px;
    height:210px;
    background-color:#999;
}
.report_pie img {
    width: 100%;
    height: 100%;
}
.big_pie{
    position:absolute;
    border: 2px solid #999;
    top:10px;
    right:100px;
    bottom:-20px;
    width:525px;
    height:390px;
    z-index: 2;
    display: none;
}
.big_pie img {
    width: 100%;
    height: 100%;
}

在body里加入饼图的鼠标事件，可以放大：

/*显示饼图的大图*/
function bigImg() {
    var big_pie = document.getElementById("big_pie")
    big_pie.style.display = "block"
}
function normalImg() {
    var big_pie = document.getElementById("big_pie")
    big_pie.style.display = "none"
}

改完后效果如图：

需要源码文件，请留言：