import 问题会出现 Cannot read property 'extendSeriesModel' of undefined

[xuhuihui]

<template>
  <div class="water">
    <!-- <chart :options="option" auto-resize></chart> -->
    <div id="1" class ="water-body"></div>
  </div>
</template>
<style lang="scss">
.water {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  &-body {
    width: 100%;
    height: 100%;
  }
}
</style>
<script>
var echarts = require('echarts')
// import './echarts-liquidfill.js'
require('./echarts-liquidfill.js')
export default {
  name: 'b-water',
  data () {
    return {
    }
  },
  methods: {
    draw () {
      let id = '1'
      var chart = echarts.init(document.getElementById('' + id))
      let option = {
        series: [{
          type: 'liquidFill',
          // radius: '80%',
          data: [0.5, 0.45, 0.4, 0.3],
          // label: {
          //   normal: {
          //     // textStyle: {
          //     color: 'red',
          //     insideColor: 'yellow',
          //     fontSize: 40
          //     // }
          //   }
          // }
        }]
      }
      chart.setOption(option)
    }
  },
  mounted () {
    this.draw()
  }
}
</script>

[xuhuihui]

[Ovilia]

console.log(echart) 看看是不是 ECharts 没加载成功

[Matthrews]

官网有这么有句话

NOTE:

echarts-wordcloud@2 is for echarts@5 echarts-wordcloud@1 is for echarts@4