uni-app中使用echarts教程

uni-app中使用echarts教程_第1张图片

 

涉及到的几个目录

uni-app中使用echarts教程_第2张图片

一、下载echart

   方法一:从下载的源代码或编译产物安装

        

  方法二:从 npm 安装

       npm install echarts

  方法三:选择需要的模块,在线定制下载

     下载 - Apache ECharts

      即echarts.min.js  下载

二、引入

import echarts from '@/components/echarts/echarts.vue';

下面的是 echarts.vue的代码   您可以在components 创建一个echarts的文件夹里面放echarts.vue

代码里script.src = './static/echarts.min.js'   (更改路径不行的话,还是建议使用此路径) 在【4里面】


 

 

 

5、随便起一个Vue页面 复制下面代码demo测试






你可能感兴趣的:(uni-app,vue.js,前端)