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调用完毕