官网提供的按需引入方法为全量按需引入，在打包分离中，仍旧存在使用不到的图表被打包进去。

例如：组件A使用了折线图、柱状图，组件B只用到了折线图，但是打包组件B的时候，柱状图也会被打包进去。

本文提供一种动态按需引入的思路，使得只用到折线图的组件B，打包的时候只打包折线图，不会将组件A用到的柱状图也打包进去。

目录结构：

 

Index.ts 如下：

 
[crayon-66c597027c5cc980800259/]
 

Core.ts 如下：

 
[crayon-66c597027c5d3457334249/]
 

BarChart.ts 如下：

 
[crayon-66c597027c5d6603294916/]
 

LineChart.ts 如下:

 
[crayon-66c597027c5d8512849997/]
 

RadarChart.ts 如下:

 
[crayon-66c597027c5da152632955/]
 

如果项目中还用到其他图表类型，则按照具体需要引入即可。

可以根据具体业务进行调用封装，下面是封装的示例 util.ts:

 
[crayon-66c597027c5dc929012790/]
 

具体调用：

 
[crayon-66c597027c5df604569588/]
 

The post Echarts 5 动态按需引入图表 appeared first on SKILL.NULL.