微信小程序引入ECharts组件

Posted 海芳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序引入ECharts组件相关的知识,希望对你有一定的参考价值。

首先打开ECharts网页 https://echarts.apache.org/zh/tutorial.html#%E5%9C%A8%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts

里面有微信小程序引入ECharts组件的教程,下载了官方的项目后,拷贝ec-canvas到我微信小程序的目录下,然后在我的微信小程序文件夹中创建line文件夹,并新建四个文件index.js index.json index.wxml index.wxss。 粘贴官方的代码,这里我粘贴的是line(折线图)的文件夹下的index.js index.json index.wxml index.wxss的代码

 

但是什么都不显示,“没理由”心想,知道我在官方项目的readme中看到了

立刻打开我项目中的app.wxss和官方例程的app.wxss果然代码不一样的,把官方的app.wxss的粘贴上去,就可以正常显示了

 

以上是关于微信小程序引入ECharts组件的主要内容,如果未能解决你的问题,请参考以下文章

小程序echarts

微信小程序引入第三方UI组件

微信小程序页面头部高度自适应

微信小程序(或uniapp)引入腾讯视频插件播放视频

微信小程序 父子组件间传参

微信小程序中引用第三方(自定义)组件(Taro版)