文档：http://echarts.baidu.com/tutorial.html#ECharts%20%E7%89%B9%E6%80%A7%E4%BB%8B%E7%BB%8D
ECharts 特性介绍
ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。
ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果，并且对移动端做了深度的优化。
1.找到自己需要的示例
点击右上角的“作品”中的官方示例，然后选择与自己需求最相近的示例。
2.生成示例
如教程中的demo:
点击“编辑示例”，然后就跳转到了调试界面：
接着点击右上角的“下载本示例”按钮，这样就获取到了该示例的html代码了。
3.显示html
将下载的html拷贝到android studio工程的assets目录下，接着用webview加载该html。加载方式如：
webview.loadUrl("file:///android_asset/doc-example-getting-started.html");
运行就可以看到该柱状图在手机上的效果了，可能加载慢点。
上面的图与demo中的效果有点不一样，那就是“衬衫”字体变大和颜色是红色了！而且也没有demo中的视图那么高！
4.修改html的默认样式
4.1查看配置项手册
找到你需要修改的内容，如我修改了原有的高度：
<div id="container" style="height: 70%; "></div>
修改了data中的数据样式：
xAxis: {
data: [{
value:"衬衫",
textStyle: {
color: 'red',
fontSize: 20
},
},"羊毛衫","雪纺衫","裤子","高跟鞋","袜子"],
},
所以你需要改什么内容，就去配置项手册中找到，然后仔细仔细的改好！
如果修改后发现Html不显示了，说明你修改错了，导致html无法加载成功！
至于左侧y轴的数据也是可以改的：
series: [{
name: '销量',
type: 'bar',
data: [5, 50, 6, 10, 10, 20]
}]
5.高级用法
查看文档中的API就可以了，需要好好研究。由于我对html不是太熟，只是知道最基本的知识，暂时就不深究了，
暂时就跑着玩玩，因为没有项目中用到，所以先就这样吧。以后有需要了再看看。