使用vue.js展示报表的方法：
第一步，下载并安装相关vue.js的依赖包，新建一个vue文件，使用ElementUI进行布局，如下图所示：
第二步，在<script></scr来源gao@dai!ma.com搞$代^码网ipt>标签内，添加export default，设置name和data属性，如下图所示：
第三步，使用mounted方法中调用drawPie方法，在methods方法中定义绘制饼图方法，如下图所示：
第四步，在drawPie方法中，初始化echarts并给饼图设置对应的标签和数据，如下图所示：
第五步，接着使用echarts对象点on绑定饼图的点击事件，分别获取图形的标签和值，如下图所示：
第六步，保存代码并打开浏览器预览界面效果，并点击饼图查看打印结果，如下图所示：
以上就是如何使用vue.js展示报表的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：如何使用vue.js展示报表
转载请注明原文链接：如何使用vue.js展示报表
