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、最终显示效果
超链接中javascript:开头代表着执行一段js代码,刚好echarts的title就是一个超链接。根据这个原理,就可以简单的实现title的点击事件了。
title: {text: '标题',
link: "javascript: alert('a')",
target: "self"// 保证不会在新的窗口d出
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)