Question

echarts.js一个页面如何加载多个图表？

Answer 1

echarts是一个很有用，很炫，也很强大的插件，这里用模块化的方法来实现同一个页面引用多个不同图表。

1、找打文件，下载到本机。

2、把文件名改为echarts（也可以不用改，我是方便自己用才改的），然后放到自己项目里的js文件里（这里也可以和js平级，看自已的喜好）。

3、在html文件里用script引用echarts文件，html里引用成功后，打开js文件或script标签配置文件路径：注意这个路径要和刚刚引入的echarts文件路径一致，目录到js文件上一级就可以了。

4、这里就是我们根据自己需要用的图表进加载相应的文件就是你要什么图就是加载什么图，比如饼图就是pie,柱状图就是bar，地图就是map等。

5、注意这个步骤：两个红框框起来的是自己写的方法的引用，传的参数  ec  就是代表我们在实例化echarts.init()  时   的 "echarts"。

6、我们把每个图表都用一个方法表示，就是每个图表的具体设置。

7、最后全放入刚刚的那个“McChart”方法里

8、最终显示效果