将ECharts官方示例库下载到本地运行并下载完整示例源代码

转载请注明出处：http://blog.csdn.net/dongdong9223/article/details/60580688

本文出自【我是干勾鱼的博客】

之前介绍过推荐一个不错的纯 Javascript图表库——ECharts介绍了ECharts，今天来介绍一下如何将ECharts官方示例库下载到本地运行并下载完整示例源代码。

在ECharts官网点击右上角的：

作品 -> 官方示例

如图：



能看到ECharts的所有官方示例，非常丰富：



随便进一个看看：



这里左侧是代码，有测试显示效果。但要注意，左侧的代码不是完整版的，这里也无法将完整的代码下载下来。如果要获取完整版的js代码，需要下载ECharts官方示例库到本地。

点击ECharts官网点击右上角的：

GitHub

如图：



来到ECharts在其GitHub上的源代码页面，点击左上角的上一层页面：



点击进入echarts-examples如图：



echarts-examples的界面如图：



将这个项目下载到本地eclipse运行环境中，在eclipse中建立github项目可以参考我之前写的使用阿里云的ip地址查询服务-使用java调用ip地址查询服务这篇文章。

新项目建立好之后，将其部署到nginx上，运行之后就会得到本地的官方示例，点击一个进去：



能够看到右上角有一个“Download Demo”的按钮，点击就可以下载当前js效果所在html对应的源码。