多语言展示
当前在线:1715今日阅读:39今日分享:10

echarts地图怎么引到项目中

之前花时间研究了下怎么使用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

调试完成后,就可以见到你想要看到的图片啦

推荐信息