1.Echart的使用的簡單配置（標籤單文件的引入）
第一步：引用echart.js文件
<script src="echarts/echarts.js"></script>下載地址
第二步：添加圖表容器（採用的是本地引用js文件）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>echart的簡單配置
</title>
<script src="echarts/echarts.js"></script>
</head>
<body>
<div id="chartmain" style="width:600px; height: 400px;"></div>
</body>
</html>也可採用在線引用的方式，將引用的文件改爲
<script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>第三步：設置圖表參數，進行初始化，可在echart的使用的實例粘貼改造
<script type="text/javascript">
// 初始化圖表標籤
var myChart = echarts.init(document.getElementById('chartmain'));
var options={
//定義一個標題
title:{
text:'測試成績'
},
legend:{
data:['銷量']
},
//X軸設置
xAxis:{
data:['60分','70分','80分','90分','100分']
},
yAxis:{
},
//name=legend.data的時候才能顯示圖例
series:[{
name:'銷量',
type:'bar',
data:['12','32','45','21','1']
}]
};
myChart.setOption(options);
</script>