vue2.0使用echarts-liquidfill问题

Question

<template>
  <div class="echarts-item">
  </div>
</template>

<script>
  import echarts from 'echarts'
  import 'echarts-liquidfill/src/liquidFill.js'
  import mixinBase from '../../mixins/mixin-base.js'

  export default {
    name: 'ChartLiquid',
    mixins: [mixinBase],
    data() {
      return {
        chartInstance: null,
        dConfig: {
          series: [{
            type: 'liquidFill',
            data: [0.6]
          }]
        }
      }
    },
    mounted() {
        this.chartInstance = echarts.init(this.$el);
        this.chartInstance.setOption(this.dConfig, {notMerge: true});
    },
    beforeDestroy() {
      if (this.chartInstance) {
        this.chartInstance.dispose();
        this.chartInstance = null;
      }
    }
  }
</script>

Answer 1

试了一下，没有发现报错 jsfiddle

Answer 2

echarts版本问题，我换成4.0以上就好了 我用的4.1。原来用的3.8.5
import也不需要那么麻烦，像下面这样就可以。

import echarts from "echarts";
import "echarts-liquidfill";