echarts中文手册下载echarts参考手册官方最新版下载

界面预览图：

echarts是一款纯Javascript的图表库，也称之为动态数据图表，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器(IE8/9/10/11，Chrome，Firefox，Safari等)，底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。

echarts中文手册中主要对echarts.js的使用进行了说明，特性介绍等。echarts貌似也没有太多的参考手册，不过网上关于echarts的教程实在不少，大家可以多看看。

新版本的echarts3.0更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深度的优化。比如echarts3.0开始不再强制使用AMD的方式按需引入，代码里也不再内置AMD加载器。因此引入方式简单了很多，只需要像普通的JavaScript库一样用script标签引入。

echarts.js的优势：

echarts.js作为国内的IT三巨头之一的百度的推出一款相对较为成功的开源项目，总体上来说有这样的一些优点

1、echarts.js容易使用

echarts.js的官方文档比较详细，而且官网中提供大量的使用示例供大家使用

2、echarts.js支持按需求打包

echarts.js官网提供了在线构建的工具，可以在线构建项目时，选择项目所需要使用到的模块，从而达到减小JS文件的体积

3、echarts.js开源

4、支持中国地图功能

这个在其他的一些框架中是没有的，所以为这个功能点个赞

ECharts配置说明：

1、下载ECharts源码，如果不知道哪下载，百度一下ECharts，然后就能看到官网了。

2、下载后，可以看到build文件夹，如果不是为了调测，可以直接使用dist文件夹下的。echarts.js和echarts-all.js区别在于后者已经把map.js打包进去了。如果网站上不用map，应该使用echarts.js，这样因为文件小能减少加载时间。

3、把build下的文件拷贝到你想要放的工程目录中，我拷贝进来后把dist改成了echarts

4、头部引入

<script type="text/javascript" src="../common/echarts/echarts.js"> </script>

5、然后就可以在script中使用

require.config({

paths: {

//echarts: 'http://echarts.baidu.com/build/dist' 百度在线地址

echarts:'../common/echarts/'

}

});

6、定义一个div

<div id="mydiv" style="width:1000px;height:600px;"></div>

7、比如画折线加柱状图

require(

[

'echarts',

'echarts/chart/line',

'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载

],

function(ec) {//ec是包含echarts的对象，但不是echarts实例， comment by danielinbiti

var myChart = ec.init(document.getElementById('mydiv'));

myChart.setOption(option);//option似乎参数，可以参见官网的各个实例设置方式

}

)

到这里，echarts配置就完成了。