vue2.0使用echarts-liquidfill问题

clipboard.png

<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>

回答:

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

回答:

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

import echarts from “echarts”;
import “echarts-liquidfill”;

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注