vue项目中的数据大屏 -- echarts迁徙图

效果图如下:

可拖动,缩放,,数据动态流动等。在这里插入图片描述在这里插入图片描述

1. 引入echarts方法:

npm install echarts --save

或者使用国内淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install echarts -S

2. main.js:

main.js 中添加:

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

3. 编写页面代码

template部分

   <div class="echarts">
     <div :style="{height:'888px',width:'100%'}" ref="myEchart"></div>
   </div>

script部分

发布了81 篇原创文章 · 获赞 18 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43542074/article/details/103189097
今日推荐