之前花时间研究了下怎么使用echarts画图表,了解了各种属性并调试成功,然后就以为自己下次遇到就可以直接使用了。很快这样的机会就来了,然后换了个项目居然发现引入echarts都忘记了,老是出bug,看来还是要记下来。
工具/原料
1
vs2010
2
echarts(可在官网下载)
3
zrender(可在官网下载)
方法/步骤
1
看了echarts的demo以及网上大家使用echarts的经验。我使用的是大家都推荐的模块化单文件引入。首先要去echarts和zrender官网上下载需要的文件
2
然后将下载下来的文件放在你项目的目录下,我将文件都放在我项目的js目录下。需要注意的是导入的zrender文件夹名不要改变,zrender和echarts在同一个目录下面。
3
在项目中引用相关文件。我想要用echarts画地图,引用了map.js。引用地图的paths设置比较特殊,如图中我写的是 'echarts/chart/map': '../../Scripts/js/echarts/map',后面写的是map在项目中的实际路径,引用别的图表如pie则其目录只要和 'echarts': '../../Scripts/js/echarts'后面的目录同即可。
4
引用相关的文件后可能还会出现很多的小问题,主要去看看js文件目录是否正确。
5
扩展地图插件的时候或者有别的需求需要引入config文件时,要注意一定要将引用的代码放在function(ec){}中,这样就不会报[MODULE_MISS]'echarts/config' is not exists!错了
6
调试完成后,就可以见到你想要看到的图片啦
上一篇:时空幻想神器攻略
下一篇:去哪里找免费的小说看