一、下載地址：http://echarts.baidu.com/
二、看文檔（必須的）。可選擇的看，先完成想要的功能，再擴展。
三、使用 推薦的 模塊化單文件引入。
在在dist文件夾下會有
echarts-line.js : 折線圖（如需折柱動態類型切換，require時還需要echarts/chart/bar）
echarts-bar.js : 柱形圖（如需折柱動態類型切換，require時還需要echarts/chart/line）
echarts-scatter.js : 散點圖
echarts-k.js : K線圖
echarts-pie.js : 餅圖（如需餅漏斗圖動態類型切換，require時還需要echarts/chart/funnel）
echarts-radar.js : 雷達圖
echarts-map.js : 地圖
echarts-force.js : 力導向佈局圖（如需力導和絃動態類型切換，require時還需要echarts/chart/chord）
echarts-chord.js : 和絃圖（如需力導和絃動態類型切換，require時還需要echarts/chart/force）
echarts-funnel.js : 漏斗圖（如需餅漏斗圖動態類型切換，require時還需要echarts/chart/pie）
echarts-gauge.js : 儀表盤
echarts-eventRiver.js : 事件河流圖
根據需要加載js文件。
四、在<head></head>標籤內引入
<script src="./js/echarts.js"></script>
注意文件路徑。
然後
<script type="text/javascript">
require.config({
paths: {
echarts: './js/dist'//
}
});
require(
[
'echarts',
'echarts/chart/line', //
'echarts/chart/bar'
],
function (ec) {
var myChart = ec.init(document.getElementById('main'));//main就是你要放置圖的DOM的ID
var option = {
.../
}
myChart.setOption(option);
}
);
</script>五、看文檔，熟悉option裏面各種選項的意義。
六、做demo實踐。