自己趟一遍,方知坑多少——微信小程序使用echarts

本文介绍如何在微信小程序中使用Echarts,包括下载微信版Echarts,新建项目并引入ec-canvas,以及详细步骤演示如何设置代码以展示简单的折线图。在项目开发过程中,作者提醒注意一些关键配置选项,最终成功实现图表展示。
摘要由CSDN通过智能技术生成
欢迎关注,敬请点赞!

自己趟一遍,方知坑多少——微信小程序使用echarts

想要在微信小程序中,像web那么方便吗?今天又复习一遍,趟了一遍坑。

下载echarts微信版

地址:https://github.com/ecomfe/echarts-for-weixin【感谢大神分享】

打开文件夹,如下图所示:
echarts_for_weixin

新建项目,引入ec-canvas

在微信小程序中,新建echarts项目,使用【测试号】,如下图所示:
new_project
测试过程中,记得勾选不校验合法域名以及HTTPS证书,如下图所示:
不校验合法域名
将下载好的文件中 ec-canvas目录,放在小程序项目目录中即可,如下图所示:
返回顶部
ec_canvas_to_project
打开项目,在pages中新建(右键)test目录,接着在test目录中新建(右键)page(名test),如下图所示:
目录结构

代码设置

返回顶部

修改index代码

【index.js】设置url跳转

  //事件处理函数
  test: function () {
   
    wx.navigateTo({
   
      url: '../test/test'
    })
  },

【index.wxml】设置test“盒子”

<!--index.wxml-->
<view class="container">
  <view 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值