echarts的引用

1、先到官網上下載echarts的包。下載地址是：http://echarts.baidu.com/download.html，然后在頁面上引用，<script type="text/javascript" src="Echarts/echarts.min.js"></script>。

2、你可以在demo中找到你想要的樣式，地址為：http://echarts.baidu.com/examples.html。

3. 你可以復制他的js代碼到你新建的js文件內，注意提醒的就是你要在option之前先引用var myChart = echarts.init(document.getElementById('container'));這一段，這是把你頁面的id傳進去。在最后面記得加上myChart.setOption(option);這一句話。整個用jq的function包起來。

4.在html中加入你要使用的id了，<div id="container" style="height:220px;"></div>。

5、以下是我的js代碼，

$(function(){
var myChart = echarts.init(document.getElementById('thumb'));
option = {
tooltip : {
formatter: "{a} <br/>{b} : {c}%"
},
toolbox: {
feature: {
restore: {},
saveAsImage: {}
}
},
series: [
{
name: '業務指標',
type: 'gauge',
detail: {formatter:'{value}%'},
data: [{value: 50, name: '完成率'}]
}
]
};

myChart.setOption(option);
})

6、echarts調用完畢