百度Echarts是百度团队出品的一个可视化制图神奇，也是国内目前一款开源、功能强大的数据可视化产品，包含多种图形展示方式，并具有交互性。关于百度Echarts的使用方法或教程，目前网上有很多，包括百度Echarts团队也有相关文档，本人对此不再赘述，但是百度Echarts毕竟基于json数据，且制图过程采用编辑代码的形式，对一些零基础小白来说，入门需要一定过程，故本人在这里介绍一些简单技巧，可以快速输出多种可视化图表的相关技巧。
技巧一：拷贝Echarts实例（example）开源代码
在Echarts的主页（http://echarts.baidu.com/index.html
，这是echarts3的主页），选择“文档—教程”，就可以看到《5 分钟上手 ECharts》，通过这一案例可以非常简单入门echarts（注意先按要求下载echarts.min.js，然后在同一个文件夹下用记事本建立一个html文件，再把代码复制进去，再用浏览器打开），其基本代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="echarts.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
</script>
</body>
</html>
根据教程，这一基本代码分为三部分：引入echarts；为 ECharts 准备一个具备高宽的 DOM 容器；指定图表的配置项和数据。其核心部分就是var option那部分的图表配置代码，我们对图表的设计，包括标题（title:）、坐标轴（xAxis、yAxis）、图例以及数据（series）都在这里设置，具体可以参考echarts的参考手册：
（http://echarts.baidu.com/echarts2/doc/doc.html）。
在上述代码基础上，我们可以通过拷贝Echarts实例（example）开源代码对其中的var option进行替换来生成不同图表。比如打开http://echarts.baidu.com/echarts2/index.html，这是echarts2的主页，有个实例下拉菜单，点击其中的官方实例，出来的界面就是百度团队已开发出来的各种可视化图形（见下图），不得不说其种类丰富已经远远超过我们平时所用。
我们选择其中一个图形，如标准折线图，点击打开，就会出现图形及其源码界面（如下图）。
我们把左边代码的option全部复制替换《5 分钟上手 ECharts》生成的html文件中基本代码的option部分（从option = 一直到最后一个“};”，注意要保留var），这样就生成新的图形了。我们可以选择不同的图形，并代入一些数据，快速地制成我们需要的图形。
（注：有时候出现中文乱码问题，可以将代码中的<meta charset="utf-8">改为<meta charset="gbk">，或者将记事本另存为，在出现的下拉格式菜单中选择utf-8编码格式即可）。
技巧二：使用echarts3的下载demo功能
技巧一对大多数echarts2中的图形均可使用，但是对echarts3的图形并不完全适用，这是因为echarts3的图形内容更丰富，展示功能更强大，因而引入了更多的json文件，这时候若使用echarts的实例图形，可以采用其英文版的download demo功能。
点击echarts3的主页（http://echarts.baidu.com/index.html），右上角有个en字样，这是英文版的入口，点击进入，选择“work-demo”，这里也有很多实例，比如选择比较经典的一个例子——全国空气质量图，在出来的可视化图形中，右上角有个donwload demo功能，点击，就可以下载来一个该图形的html文件。我们可以先对左边的代码的数据进行更改（name、value，以及geoCoordMap的坐标位置），点击上边的RUN按钮，再点击download，最终获取我们需要的html文件。
在下载的html文件，采用记事本方式打开，可以看到源码中引入js文件中（如下），包含很多制作本图形所需的js文件，所以在这里仅仅使用技巧一是出不来该图形。
script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
技巧三：使用百度图说进行交互式制图操作
百度图说在echarts主页（http://echarts.baidu.com/index.html），最底部，网址为：http://tushuo.baidu.com/?fr=echarts
，在该页面点击“开始制作图表“—”“制作图表”，选择其中一个图形（如标准折线图），鼠标放在图表区域，然后在出现的菜单栏点击“数据编辑”，我们就可以进入类似像excel那样的交互式手工操作制图设置，如下图
我们可以再上边直接输入数据，也可以选择导入excel按钮导入我们已有数据，点击参数调整按钮，会出现对图形标题、坐标轴、图例等等，进行傻瓜式设置方式，基于我们的需要像excel那样只做我们所需可视化图形。
