使用Echarts的五個步驟

​​​​ ​​_liuz​​ 2015-07-22 09:35:53

參考網址：​​http://echarts.baidu.com/doc/start.html​​

一、制作一個圖表容器

<div id="main" ></div>

二、引入echarts.js檔案

<script src="​​http://echarts.baidu.com/build/dist/echarts.js​​"></script>

三、配置圖表路徑

require.config({

    paths:{echarts:".../dist"}

});

四、加載圖表js檔案

require(["echarts", "echarts/chart/bar"], loadComplete);

五、繪制圖表

function loadComplete(ec) {

    var myChart = ec.init(document.getElementById("main"));

    var option = { ... }; // 圖表配置資訊

    myChart.setOption(option);

}