由于在项目中需要对数据进行可视化处理,也就是用图表展示,众所周知echarts是非常强大的插件。
一开始想在网上找一个基于vue封装好的(懒省事),eg:vue-echarts ,但是拉取下来发现,跟项目中使用的类型有点偏差,而且他们的数据大多都是定制好的,我很难在此基础上进行更改(惹不起),于是选择了放弃,最终还是选择echarts。
以下是我使用的一些心得体会~
安装echarts依赖
npm install echarts -S
创建图表
首先需要全局引入
在main.js中
在Echarts.vue中
注意:我们要在mounted生命周期函数中实例化echarts对象。
因为我们要确保dom元素已经挂载到页面中
这样一个简单的图表就完成了。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.