Echarts按需引入后没有显示图例问题

Posted zhengshize

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Echarts按需引入后没有显示图例问题相关的知识,希望对你有一定的参考价值。

因为Echarts官网的例子都是引入整个Echarts.js。如果使用按需引入对应模块就要记得引入legend模块,才能显示出图例

例如这样:

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

像我使用Bar,我所引用的模块有

// 引入基本模板
let echarts = require("echarts/lib/echarts");
// 引入柱状图组件
require("echarts/lib/chart/bar");
// 引入提示框和title组件
require("echarts/lib/component/tooltip");
require("echarts/lib/component/title");
// 引入legend模块
require("echarts/lib/component/legend");

 

以上是关于Echarts按需引入后没有显示图例问题的主要内容,如果未能解决你的问题,请参考以下文章

echarts 图例之间的间距怎么设置

Echarts 图例交互事件

vue按需引入/全局引入echarts

vue按需引入echarts

echarts重写图例点击事件

VUE项目中按需引入ECharts.js