uni-app引用echarts

目录

3.引用（5是页面代码）

 下面的是 echarts.vue的代码 、

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

4.echarts.min.js   代码 （下载如果C币不够可以私信或者留言我给调整下【本来是不要C币的系统自动加币俺也没办法】）

 5.随便起一个Vue页面 复制下面代码

demo下载地址 （下载如果C币不够可以私信或者留言我给调整下）

---

（不支持小程序【支持app和H5】） 

1.首先在uni-app中不支持包下载所以得自己先新建一个项目，然后进入到这个目录下，执行 npm init，接下来一路回车即可。

2.下载所需要的库 

npm install echarts mpvue-echarts --save

3.引用（5是页面代码）

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

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

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

4.echarts.min.js   代码 （下载如果C币不够可以私信） 建议放到static里面

下面这是在gitee上面的自行下载

梦寻汝/uni-app引用echarts.min

echarts.min.js_uniappecharts-其它文档类资源-CSDN下载

 5.随便起一个Vue页面 复制下面代码

demo下载地址 （下载如果C币不够可以私信或者留言我给demo）

 uni-app引用echarts-Demo.rar_echartsuniapp,uni-app引入echarts-其它文档类资源-CSDN下载

若按照文档仍没有弄出来加QQ:1433496926  加的时候备注下 

如有帮助请点个赞呗

// this.chart.getZr().on('click', params => {
//  console.log("点击111")
//  let pointInPixel = [params.offsetX, params.offsetY]
//  console.log(pointInPixel)
//  if (this.chart.containPixel('grid', pointInPixel)) {
//  let xIndex = this.chart.convertFromPixel({
//  seriesIndex: 0
//  }, [params.offsetX, params.offsetY])[0]
//  console.log(xIndex)
//  }
// })

放到子组件里面可以 但是 页面要是有很多的echarts的话 建议 在传点击参数判断下（子组件加点击事件我这么没有测试成功）