解决按需引入 ECharts 后图例不显示的问题

众所周知,我们在项目中如果能够按需引入模块,这将大大缩小项目体积,避免不必要的性能耗费。
在 ECharts 官网教程中有一段按需引入 ECharts 的代码示例,细心的小伙伴会发现这段代码中并没有在 setOption 中配置 legend ,如果将这段代码直接粘贴使用,看到的效果便是没有图例。

网上查询,也有不少人遇到这个问题在网上提问,一些人是因为 legend.name 与 series.name 设置不一致所导致的,可能也会有相当一部分人在确定自己代码无误的状态下仍然看不到图例,本文正是在此种情况下,问题得到解决后所写的,希望给有需要的人一些帮助。

进入正题,解决它并不难,出现此问题的原因在于没有按需引入 legend 模块,引入方式也很简单,查询 echarts 文件夹,依照路径 ‘echarts/lib/component/legend’ 便找到了该 js 文件,将其引入即可,即新增一行代码:

require("echarts/lib/component/legend");

问题搞定。

转载于:https://blog.csdn.net/josephyangx/article/details/78677827

猜你喜欢

转载自blog.csdn.net/taoerchun/article/details/82900889
今日推荐