echarts如何在一个页面里引用多个图表_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:50:22 共计：3565 浏览

echarts如何在一个页面里引用多个图表？

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、最终显示效果

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。