小程序引入的echarts过大如何解决_微信小程序中使用echarts

人在家中坐，锅从天上来。

半个月前本来在家写着一个项目，还没来得及提测，领导突然一个电话，需要立刻去支援另一个项目，一打听，一个烂尾半年的项目，纵使内心不愿意，还是要去啊。因为鲁迅说过，生活就像强*，既然不能反抗，那就好好享受吧。

这个项目分为PC端、用户端小程序和商家端小程序，这里主要讲讲在商家端中的某个模块，需要用到数据统计图表，当时觉得有两个插件不错：百度 echarts

阿里 AntV

因为之前在项目中使用echarts比较多，所以最终选择了echarts作为项目中的图表插件

echarts的引入

我是按照echarts官网教程来引入的，很简单，不多说。传送门

echarts中使用多个图表

wxml代码如下：

js代码如下data: {

isShoweyes: true,

turnoverEc: {

lazyLoad: true,

customerEc: {

lazyLoad: true,

priceEc: {

lazyLoad: true,

echartsData: {}

onLoad: function (options) {

this.echartsComponnet1 = this.selectComponent('#mychart-dom-turnover');

this.echartsComponnet2 =

小程序引入的echarts过大如何解决_微信小程序中使用echarts相关推荐

微信小程序开发难？资深大V教您微信小程序制作步骤和方法
微信小程序开发难?资深大V教您微信小程序制作步骤和方法一.登录微信公众平台就能在菜单"开发"---"基本配置"中看到小程序的AppID了,小程序的 Ap ...
小程序引入的echarts过大如何解决_在微信小程序中使用 ECharts
官方文档官方已经提供了小程序版的 ECharts echarts-for-weixin 并提供的了使用示例使用方式还是熟悉的 ECharts 的配置方案,只要自己 option 或者完整的将浏览器 ...
小程序引入的echarts过大如何解决_智慧虎超：为服装行业带来3倍收益？小程序如何解决销售难题？...
电商平台的发展给了服装行业新的发展机会,但这些年的发展也让入驻电商平台的服装商家越来越多,这样子每一个商家能够从平台上获取的流量成本越来越高,传统电商平台已经很难再给服装品牌更多的发展空间,这时候小程 ...
小程序引入的echarts过大如何解决_解决生鲜行业“获客难”的难题，教你如何妙用小程序...
近年来,随着生鲜食品产业的快速发展,大量企业和商家加入了生鲜食品的"大本营".但大量的企业和商家也对市场产生了一定的影响,不少生鲜商家陷入了一个困境--难以获得客户.当生鲜食品企业 ...
微信小程序富文本解析点击图片放大_微信小程序解析富文本过程详解
前言最近公司在开发OTA微信小程序,一些页面的详情内容是HTML富文本格式的的,但是微信小程序不能直接解析HTML,需要将内容中的HTML标签转换成微信小程序所支持的标签. 开始的时候想过自己写方法 ...
微信小程序点击带id参数跳转_微信小程序页面跳转方法和携带参数详解
1.页面跳转方式 (1)标签跳转 open-type的属性值对应api里的用法即wx.的用法 1 跳转到新页面 (2)wx.navigateTo 方法跳转此方法能够从跳转的页面会回到当前页面 1 w ...
小程序判断数组的index是否为空_微信小程序之购物车功能（仅学习）
购物车,基本都是通过大量的 DOM 操作来实现.微信小程序其实跟 vue.js 的用法非常像,接下来就看看小程序可以怎样实现购物车功能. 需求先来弄清楚购物车的需求. 单选.全选和取消,而且会随着选 ...
微信小程序多次跳转后不能点_微信小程序运营需要先知道它的规则
不管是做SEO(搜索引擎优化排名)还是做SEM投放广告,都需要知道它的规则,因为只有知道了他的规则之后才能合理的优化,才能在运营的过程中不踩雷区,合理运用平台的规则来实现自己的目的.那么微信小程序也一 ...
echarts怎么实现立体柱状图_在vue项目中使用echarts制作3d柱状图
在上一篇文章我们讲到构建项目,这篇文章,我们就来讲解一下,在vue项目中使用echarts制作3d柱状图. 还请看我娓娓写来. 1.第一步当然还是进入你所在项目的文件夹. 2.第二步使用npm安装你所 ...

小程序引入的echarts过大如何解决_微信小程序中使用echarts

小程序引入的echarts过大如何解决_微信小程序中使用echarts相关推荐

最新文章

热门文章