上节课我们基本已经打通了报告的基本展示和结构,本节课。
我们来弄个扇形图/条形图 之类的。
目前长这样:
说到扇形图,我们可以利用我们接口测试平台主页的那个小扇形图,不知道大家还有没有印象?
所以我们这里也可以使用一下了。
找到这个扇形图相关代码,复制到我们的concurrent_report.html中。
head中:
dom层:
我们暂时只用一个扇形图:正确率,
script引入:
效果:
好了本节课到此结束,而且省下了右上角的空白区域,该区域日后我们可以发放很多东西,比如发送该报告到xx邮箱按钮,删除,导出等等。
欢迎大家提供宝贵建议,该平台将作为启蒙测试平台,永久的更新技术和需求,大家可一定要追哦~
这里小声说一下,培训版本接口测试平台,是在此基础上进行优化和增删的。尤其是交互设计,更是前所未有,颠覆想象。想报名的小伙伴抓紧了,实际报名人数已经过半了哦~
欢迎关注:测试开发干货