首页 > 微信应用  > 

微信小程序中echarts的用法和可能遇见的坑,快来收藏避雷!!

微信小程序中echarts的用法和可能遇见的坑,快来收藏避雷!!
本篇文章给大家分享一些微信小程序中使用echarts的使用方法和问题总结,让大家可避坑踩雷,希望能够给大家提供帮助!

本篇文章给大家分享一些微信小程序中使用echarts的使用方法和问题总结,让大家可避坑踩雷,希望能够给大家提供帮助!

微信小程序的使用方法和一些避雷踩坑的问题,希望能够给大家提供帮助

微信小程序中使用echarts一、下载小程序版的echarts

下载地址:https://github.com/ecomfe/echarts-for-weixin

二、使用步骤

1.引入项目依赖

将微信小程序版 echarts 从 github 上拉下来后,将文件里的 ec-canvas 文件复制一个到自己项目里,实际就是微信小程序版 echarts 的依赖文件。

【相关学习推荐:小程序开发教程】

2.引入库

在使用的 echarts 的页面的 json 文件中引入 echarts ,引入的路径根据自己的项目结构来引入

在全局配置文件 app.json 里引入也可以,这样就全部页面通用,不用一个个页面引入,当多个页面使用 echarts 时,比较方便

在使用的 echarts 的页面的 js 文件中引入 echarts ,引入的路径根据自己的项目结构来引入

使用方法

wxml中使用组件,id 和 canvas-id 都可以自行命名

<view class="container"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas></view>

微信小程序中echarts的用法和可能遇见的坑,快来收藏避雷!!由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“微信小程序中echarts的用法和可能遇见的坑,快来收藏避雷!!