vue-apexcharts柱状图y值为0时出现<path>属性d的NaN错误求助

使用Vue-ApexCharts的Bar类型图表展示{x, y}格式数据时：

• 无y=0条目时可正常渲染：

  data: [{"x":"Apr","y":1},{"x":"May","y":2}]
  

• 添加y值为0的条目后，图表虽能显示，但控制台大量抛出错误：

  data: [{"x":"Apr","y":1},{"x":"May","y":2},{"x":"Jun","y":0}]
  

  错误信息：

  Error: <path> attribute d: Expected number, "MNaN NaNCNaN NaN ..."
  

该问题仅在存在y=0的数据时触发，y值大于0时无异常。

问题原因 #

此为ApexCharts 3.37.1版本的已知bug。

解决方案 #

• 临时规避：将ApexCharts版本降级至3.35.3，错误即可消失
• 彻底修复：升级至ApexCharts 3.37.2及以上版本，该版本已修复此问题

内容的提问来源于stack exchange，提问作者calin24