饼图
1.重點的幾個參數
type:
中心
半徑
?
2.程序
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Pie</title> 6 <script src="../echarts.min.js"></script> 7 </head> 8 <body> 9 <div id="main" style="width: 900px;height: 600px;"></div> 10 <script type="text/javascript"> 11 //初始化echarts實例 12 var myChart=echarts.init(document.getElementById('main')); 13 //指定直方圖的配置項 14 var option={ 15 //標題 16 title:{ 17 text:'用戶訪問來源', 18 x:'center' 19 }, 20 tooltip:{ 21 trigger:'item', 22 formatter:"{a}<br/>{b}:{c}(ozvdkddzhkzd%)" 23 }, 24 //圖例 25 legend:{ 26 orient:'vertical', 27 left:'left', 28 data:['直接訪問','郵件營銷','聯盟廣告','視頻廣告','搜索引擎'] 29 }, 30 //數據 31 series:[{ 32 name:'訪問來源', 33 type:'pie', 34 radius:'55%', 35 center:['50%','60%'], 36 data:[ 37 {value:300,name:'直接訪問'}, 38 {value:100,name:'郵件營銷'}, 39 {value:45,name:'聯盟廣告'}, 40 {value:45,name:'視頻廣告'}, 41 {value:10,name:'搜索引擎'} 42 ] 43 }] 44 }; 45 //將配置項與數據set 46 myChart.setOption(option); 47 </script> 48 </body> 49 </html>?
3.效果
?
4.ps：彈出礦口
?
轉載于:https://www.cnblogs.com/juncaoit/p/9190151.html
總結
- 上一篇： Eclipse开发过程中个VM Argu
- 下一篇： 洛谷P4630 [APIO2018] D