1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > echarts如何在一个页面里引用多个图表 – CSS – 前端 css怎么将导航栏放到底部

echarts如何在一个页面里引用多个图表 – CSS – 前端 css怎么将导航栏放到底部

时间:2020-06-25 19:06:39

相关推荐

echarts如何在一个页面里引用多个图表 – CSS – 前端 css怎么将导航栏放到底部

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。