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

2020-12-16 23:35:44 阅读：431 来源： 互联网

标签：false name HTMLTestRunner python show selenium var option

　　之前在上一篇随笔中说了怎么在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的最后面如下

<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*/ -->

标签：false,name,HTMLTestRunner,python,show,selenium,var,option
来源： https://www.cnblogs.com/lldk/p/14147069.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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