vue里引入echarts-liquidfill问题

Question

我先再全局引入了echarts，然后再在需要使用水晶球的组件中这样引入了插件

import "echarts-liquidfill/src/liquidFill.js";

但是还是报错

echarts和echarts-liquidfill的版本都是最新的

也uninstall后重新install了，还是报这个错，请大神指点啊

Answer 1

楼主，你好！应该是 echarts-liquidfill 最新版本和 echarts最新版本不兼容。我在本地测了下，如下配置，可以正常运行：

// package.josn 版本

 "echarts": "^4.1.0",
 "echarts-liquidfill": "^2.0.2",

 <div id="main" style="width: 200px;height: 200px;"></div>

import echarts from 'echarts';
import 'echarts-liquidfill';

// 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
  var option = {
    series: [{
      type: 'liquidFill',
      data: [0.6]
    }]
  };
  myChart.setOption(option);

亲测可以，如有帮助，请点击下采纳，谢谢~

Answer 2

本地测的可以，线上就不行