当前病毒横行,我们公司也不例外开始做起了疫情地图分布。
首先从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