「今日莫名其妙bug」echarts 添加endLabel属性报错

bug描述

echarts添加endLabel属性之后

调用this.myChart.setOption(this.option)方法

找不到setOption

Error: setOption should not be called during main process.
at assert (util.js:455:15)
at ECharts.setOption (echarts.js:443:7)
at VueComponent.setData (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Chart/Common/HotChart.vue?vue&type=script&lang=js:320:22)
at eval (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/product/temperature-humidity/index.vue?vue&type=script&lang=js:264:33)

那我settimeout 1000ms 结果还是找不到

代码

this.option.series:[
          {
            name: 'line',
            type: 'line',
            showSymbol: false,
            lineStyle: {
              color: 'black' // 设置折线颜色为黑色
            }, 
            endLabel: {
              show: true, // 是否显示终点标签
              formatter: function(params) {
                return '0°C'
              },
              position: 'top'
            }
          },
]

上官网看

那我看我的echarts 版本是 5.1.2 啊

解决方法

npm 看了最新版本是5.5.0

npm install echarts@5.5.0

再跑项目 发现bug没了

然后我再npm install echarts@5.1.2

报错没了,图也正常显示了

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值