本文系原创,由于账号丢失,故在此处重新发布。查看初始版本
众所周知,我们在项目中如果能够按需引入模块,这将大大缩小项目体积,避免不必要的性能耗费。
在 ECharts 官网教程中有一段按需引入 ECharts 的代码示例,细心的小伙伴会发现这段代码中并没有在 setOption 中配置 legend ,如果将这段代码直接粘贴使用,看到的效果便是没有图例。
网上查询,也有不少人遇到这个问题在网上提问,一些人是因为 legend.name 与 series.name 设置不一致所导致的,可能也会有相当一部分人在确定自己代码无误的状态下仍然看不到图例,本文正是在此种情况下,问题得到解决后所写的,希望给有需要的人一些帮助。
进入正题,解决它并不难,出现此问题的原因在于没有按需引入 legend 模块,引入方式也很简单,查询 echarts 文件夹,依照路径 ‘echarts/lib/component/legend’ 便找到了该 js 文件,将其引入即可,即新增一行代码:
require("echarts/lib/component/legend");
问题搞定。