<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>餅圖示例</title>
????<script?src="echarts.min.js"></script>
</head>
<body>
<div?id="main"?style="width:?900px;height:?600px;"></div>
<script?type="text/javascript">
?//基于準(zhǔn)備好的dom，初始化echarts實(shí)例
?var?myChart?=?echarts.init(document.getElementById('main'));
?//指定圖表的配置項(xiàng)和數(shù)據(jù)
?var?option={
????????title:{
????????????text:'某站點(diǎn)用戶(hù)訪問(wèn)來(lái)源',
?subtext:'純屬虛構(gòu)',
?x:'center'
?},tooltip:{
????????trigger:'item',
?formatter:"{a}<br/>:{c}(nhkv1sx5v02o%)"
?},legend:{
????????????orient:'vertical',
?left:'left',
?data:['直接訪問(wèn)',"郵件營(yíng)銷(xiāo)","聯(lián)盟廣告","視頻廣告","搜索引擎"]
????????},
?series:[{
????????????name:'訪問(wèn)來(lái)源',
?type:'pie',
?radius:'55%',
?center:['50%',"60%"],
?data:[
????????????????{value:335,name:'直接訪問(wèn)'},
?{value:310,name:'郵件營(yíng)銷(xiāo)'},
?{value:234,name:'聯(lián)盟廣告'},
?{value:135,name:'視頻廣告'},
?{value:1548,name:'搜索引擎'}
????????????],
?itemStyle:{
????????????????emphasis:{
????????????????????shadowBlur:10,
?shadowOffsetX:0,
?shadowColor:'rgba(0,0,0,0.5)'
?}
????????????}
????????}]
????};
</script>
</body>
</html>
2018-09-18
還需要通過(guò)setOption?方法生成才可以
2018-06-14
首先是 你把 option定義成變量了，還有最后沒(méi)有調(diào)用使用方法，// 使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。
??????? myChart.setOption(option);??
把前面的var option 換成option 最后在</script>前面加上 myChart.setOption(option);?