微信小程序按需引入echarts(地图图表显示不出问题)

当前病毒横行,我们公司也不例外开始做起了疫情地图分布。
在这里插入图片描述
首先从https://github.com/ecomfe/echarts-for-weixin把ec-canvas文件夹copy出来到自己的项目中,这里我新建了一个components来存放在这里插入图片描述

.wxml——写个标签包着ec-canvas

 <view class="container1">
   <ec-canvas id="mychart-dom-area" canvas-id="mychart-area" ec="{
   { ec }}"></ec-canvas>
 </view>

.json——注册组件,我采用相对路径

 "usingComponents": {
   
    "ec-canvas": "../../../components/ec-canvas/ec-canvas"
  }

.js——option里面的内容就不多介绍咯,具体可见echarts文档,这里data里举例放了一些数据,用于查看地图是否能加载成功。

import * as echarts from '../../../components/ec-canvas/echarts';
function initChart(canvas, width, height, dpr) {
   
  co
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值