本文最后更新于2023年01月06日，已超过849天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！
您阅读这篇文章共耗时:
HTML 报告优化实例教程
背景
为了将自动化测试报告做的更细致，结果一目了然，对报告生成文件进行了一定的优化，增加了饼状图。原来的报告如下
在这里插入图片描述
代码修改
1、打开.py，在原有的js代码下新加一个画饼状图的，做到可以讲pass, error, fail分别进行统计，以不同颜色生成饼状图。
(pass, fail, error){
var color = ["#6c6","#c60","#c00"];
var data = [pass,fail,error];
var = [“pass”, “fail”, “error”];
var [canvas][2] = document.getElementById("circle"); var ctx = canvas.getContext("2d"); var startPoint=0; var width = 20, height = 10; var posX = 112 * 2 + 20, posY = 30; var textX = posX + width + 5, textY = posY + 10; for(var i=0;i [1]: https://img-blog.csdnimg.cn/2019051413032082.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdmdWxvbmc2NjY=,size_16,color_FFFFFF,t_70 [2]: https://xuan.ddwoo.top/index.php/archives/769/ 本文来自投稿，不代表本站立场，如若转载，请注明出处：http://xuan.ddwoo.top/index.php/archives/797/ 