因?yàn)樽罱霎呍O(shè)，需要爬取數(shù)據(jù)并將數(shù)據(jù)進(jìn)行分析可視化镰惦。同學(xué)推薦說(shuō)echarts挺不錯(cuò)的，所以就試試犬绒，果然旺入，官網(wǎng)上有很多例子可供使用，echarts gallery上有相應(yīng)的圖形對(duì)應(yīng)的代碼凯力，復(fù)制即可使用茵瘾。但是，我按照官網(wǎng)的說(shuō)法引入包的時(shí)候咐鹤，
很多圖例都不能顯示出來(lái)拗秘，或者能顯示整體圖，但是一些細(xì)節(jié)總是隱藏了祈惶，試了很多種雕旨，結(jié)果最后發(fā)現(xiàn)了一種引入方法，挺好使的捧请。
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
在這里有個(gè)模板凡涩，只要復(fù)制echarts gallery上的代碼插入到其中的位置就行。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<title></title>
<meta charset="gbk" />
<link rel="stylesheet" href="style/style.css">
<script src="js/echarts.common.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts-all-3.js"></script>
</head>
<body>
<!-- 為ECharts準(zhǔn)備一個(gè)具備大醒谩（寬高）的Dom -->
<div id="main" style="width: 1000px;height:600px;"></div>
<script type="text/javascript">
// 基于準(zhǔn)備好的dom突照，初始化echarts實(shí)例
var myChart = echarts.init(document.getElementById('main'));
----------------------------------------------------------------------------------------
..................................插入代碼位置...........................
----------------------------------------------------------------------------------------
// 使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。
myChart.setOption(option);
</script>
</body>
</html>
