Vue 使用 Echarts 图表多次初始化报错的问题

问题

Vue项目中需要用Echarts的柱状图显示数据，并且每次搜索要更新柱状图。

这时候小编发现在控制台会出现这样的报错：

原来的代码是这样的，页面挂载和搜索时都会调用init方法

initChart (dataSet = [5, 20, 36, 10, 10, 20]) {
      this.barChart = echarts.init(this.$refs.chartBox)
      const option = {
        title: {
          text: 'ECharts 入门示例'
        },
        tooltip: {},
        legend: {
          data: ['销量']
        },
        xAxis: {
          data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
        },
        yAxis: {},
        series: [
          {
            name: '销量',
            type: 'bar',