ecahet折线图 空点折线依旧

需要做折线图，但是中间有一个空值，希望折线图断开来，不是置0或者取平均值之类的

echaets版本
代码 index.vue

<template>
  <!--为echarts准备一个具备大小的容器dom-->
  <div id="main" style="width: 600px;height: 400px;"></div>
</template>
<script>
  import echarts from 'echarts'
  export default {
      name: '',
      data() {
          return {
              charts: '',
          /*  opinion: ["1", "3", "3", "4", "5"],*/
              opinionData: ["3", "2", "1", "4", "5"]
          }
      },
      methods: {
          drawLine(id) {
              this.charts = echarts.init(document.getElementById(id))
              this.charts.setOption({
                  tooltip: {
                      trigger: 'axis'
                  },
                  legend: {
                      data: ['近七日收益']
                  },
                  grid: {
                      left: '3%',
                      right: '4%',
                      bottom: '3%',
                      containLabel: true
                  },

                  toolbox: {
                      feature: {
                          saveAsImage: {}
                      }
                  },
                  xAxis: {
                      type: 'category',
                      boundaryGap: false,
                  data: ["1","2","3","4","5"]
                  
                  },
                  yAxis: {
                      type: 'value'
                  },

                  series: [{
                      name: '近七日收益',
                      type: 'line',
                      stack: '总量',
                      data: this.opinionData
                  }]
              })
          }
      },
      //调用
      mounted() {
          this.$nextTick(function() {
              this.drawLine('main')
          })
      }
  }
</script>
<style scoped>
  * {
      margin: 0;
      padding: 0;
      list-style: none;
  }
</style>

运行结果
中间没有值

中间有值

我网上查寻到
解决方法：series的connectNulls属性支持连接空值

https://blog.csdn.net/qq_40701522/article/details/106856026
这个可以参考下
可能版本不一样