原生小程序需要主包需要用到echarts图表,echarts太大了又只能放在分包里,被折腾了好久
大概流程:分包引入ec-canvas(接手的项目,被定制版echarts折腾好久,项目需要换成完整版),
分包编写通用echarts组件base-chart,主包页面开启预加载echarts分包,到这里主包引入base-chart就可以使用了。最后优化在components里再封装一层组件chart,主包引入chart完成。
1、分包引入ec-canvas:接手的,pass
2、在分包ec-canvas同级目录下编写base-chart组件
base-chart.js
import * as echarts from '../ec-canvas/echarts';
Component({
properties: {
height: {
type: String
},
option: {
type: Object
},
},
observers: {
'option': function (val) {
if(val){
//setTimeout避免初始化时来获取不到echart实例的bug,待优化
//怀疑option数据是