本文环境：windows7、vue2.9.6，该方法适用于所有品牌的电脑。
使用vue.js展示报表的方法：
第一步，下载并安装相关vue.js的依赖包，新建一个vue文件，使用ElementUI进行布局，如下图所示：
第二步，在<script></script>标签内，添加export default，设置name和data属性，如下图所示：
第三步，使用mounted方法中调用drawPie方法，在methods方法中定义绘制饼图方法，如下图所示：
第四步，在drawPie方法中，初始化echarts并给饼图设置对应的标签和数据，如下图所示：
第五步，接着使用echarts对象点on绑定饼图的点击事件，分别获取图形的标签和值，如下图所示：
第六步，保存代码并打开浏览器预览界面效果，并点击饼图查看打印结果，如下图所示：
以上就是如何使用vue.js展示报表的详细内容，更多请关注其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
