Highcharts Undefined in drawEmpty Function

公司前端用的highcharts-vue，当后端data为空的时候，图就是空白，更可怕的是，你改变入参，data返回非空了也不能画图了，因为第一次初始化没有成功，所以你后面update图表也不会成功。这个问题困扰了我将近2天啊。居然在网上也没啥答案。

最后是一个外国人写的有用。

这个答案之前也看到过，没仔细看，以为没人回复，其实提问者已经解决了这个问题，把答案写在问题里面，只是不明白为啥如此解决。

废话不多说，上答案

把三方包（node-modules文件-highcharts文件-highcharts.js文件里面）这句话注释掉，这句话在drawEmpty方法里面

 d: Highcharts.SVGRenderer.prototype.symbols.arc(l,
                                        k, this.center[2] / 2, 0, { start: c, end: g, innerR: this.center[3] / 2 })

改完后这样

然后怎么让他画一个圈然后里面提示，暂无数据，解法

main.js里面写这些

import HighchartsNoData from 'highcharts/modules/no-data-to-display';

HighchartsNoData(Highcharts)

Highcharts.setOptions({
  // options here
  lang: {
    noData: '暂无数据'
  }
})

 

怎么让其他同事拉到最新第三方包

https://blog.youkuaiyun.com/xxitcef/article/details/117378817

参考文档

https://stackoverflow.com/questions/67307278/highcharts-undefined-in-drawempty-function

https://blog.youkuaiyun.com/u011200562/article/details/109809753

https://segmentfault.com/q/1010000008099391/a-1020000008428463

https://blog.youkuaiyun.com/xxitcef/article/details/117378817