python+selenium自动化报告HTMLTestRunner增加饼图展示

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了python+selenium自动化报告HTMLTestRunner增加饼图展示，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2370字，纯文字阅读大概需要4分钟。

内容图文

　　之前在上一篇随笔中说了怎么在HTMLTestRunner报告中增加截图功能，现在再结合上一篇随笔再在HTMLTestRunner报告中增加饼图，最后结果展示如下：

 具体步骤如下：

1、在HTMLTestRunner文档中找到以下位置，再添加上<div id='container_tu' style="height: 215px;width: 68%%;float: left;"></div>

 2、再找到HTMLTestRunner的以下位置，加上float: left;

3、再找到以下位置，添加：

#container_tu{
    height: 150px;
    width:68%;
    float: left;
}

 4、把以下代码放到HTMLTestRunner中的REPORT_TMPL的最后面如下

<!-- /*新增部分Start*/ -->

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript">
        var dom = document.getElementById("container_tu");
        var myChart = echarts.init(dom);
        var app = {};

        app.title = '环形图';

        var option = {
            tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b}: {c} ({d}%%)"
                },
            color:['red','#c60','#6c6','#bbe2e8'],
            legend: {
                orient: 'horizontal',
                x: 'left',
                data: ['失败', '未通过', '通过']
            },
            series: [{
                name: '',
                type: 'pie',
                radius: ['30%%', '70%%'],
                avoidLabelOverlap: false,
                label: {
                    normal: {
                        show: false,
                        position: 'center'
                    },
                    emphasis: {
                        show: true,
                        textStyle: {
                            fontSize: '30',
                            fontWeight: 'bold'
                        }
                    }
                },
                labelLine: {
                    normal: {
                        show: false
                    }
                },
                data: [

                    {
                        value: %(error)s,
                        name: '失败'
                    },
                    {
                        value: %(fail)s,
                        name: '未通过'
                    },
                    {
                        value: %(Pass)s,
                        name: '通过'
                    },

                ]
            }]
        };
        if(option && typeof option === "object") {
            myChart.setOption(option, true);
        }
</script>
<!-- #/*新增部分End*/ -->

内容总结

以上是互联网集市为您收集整理的python+selenium自动化报告HTMLTestRunner增加饼图展示全部内容，希望文章能够帮你解决python+selenium自动化报告HTMLTestRunner增加饼图展示所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端