2022年9月16日（vue后台饼状图）

为什么封装了echarts之后饼状图显示不出来？折线图条形图都可以，饼状图不行。

首先看一封装前饼状图实现过程。新版和原版在实现代码上有差别。

实现的数据有差别。

没有原版的视频了。

为什么折线图和条形图都可以实现，饼状图实现不了？

在echartdata中定义了三种图的配置项，实例会从配置项中拿数据，把请求返回的数据写入配置项中。

新版封装后的实现步骤：（详见文档）

2022年9月16日16:35:56 --搞定！

原因：在判断是否是条形图并相对应的option传入数据时，多了一行代码“this.echart.setOption();”

应该是复制粘贴是搞错的。

所以报错显示，this.echart为空，setoption也没有数据来源。

在这个过程中一次次尝试又一次次失败，在有大量不熟悉的知识，且两个版本的代码结构不一致的情况下，能明辨是非，区分差异分别理解，相互理解。从而增进了认识，排查出了错误。