// 设置折线图 getLineChart() { this .lineChart = this .$echart.init(document.getElementById('lineChart' )) this .lineChart.setOption( this .option) /* * --------------------title相关设置开始------------------ */ // 标题展示 onChange1() { this.option.title = this .title console.log( this .option) this .lineChart.setOption( this .option) </script>

这样设置后,只有第一次操作有效果,后面就没有效果了

修改echarts的option不能赋值data里定义的对象,因为对象的=赋值会改变option的数组存储,可以赋值对象里的属性值

可以直接修改option的属性, 遇到其他数据型修改,可以把setOption第二参数,传true,第二个参数是 notMerge: 是否不跟之前设置的 option 进行合并，默认为 false ，即合并

// 标题展示
    onChange1(checked) {
      this.option.title.show = checked // 或者赋值对象里具体的属性值 this.option.title.show = this.title.show
      console.log(this.option)
      this.lineChart.setOption(this.option) // this.lineChart.setOption(this.option, true)