echarts定義餅狀圖的指向線內容
阿新 • • 發佈：2021-08-19
定義餅狀圖的指向線內容
作者：明月人倚樓<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> </head> <body> <div style="width: 600px;height: 400px"></div> <script> var mCharts = echarts.init(document.querySelector('div')) var pieData = [ { name: '淘寶', value: 11231 }, { name: '京東', value: 22673 }, { name: '唯品會', value: 6123 }, { name: '聚美優品', value: 6700 } ] var option = { series: [ { type: 'pie', data: pieData, label: { show: true, formatter: function(arg) { return arg.name + arg.value + '元\n' + arg.percent + '%' } }, //第一個代表內圓半徑，第二個代表外圓半徑 radius: ['50%', '70%'] } ] } mCharts.setOption(option) </script> </body> </html>
出處：https://www.cnblogs.com/IwishIcould/
想問問題，打賞了卑微的博主，求求你備註一下的扣扣或者微信；這樣我好聯絡你；(っ•̀ω•́)っ✎⁾⁾！
如果覺得這篇文章對你有小小的幫助的話，記得在右下角點個“推薦”哦，或者關注博主，在此感謝！
萬水千山總是情，打賞5毛買辣條行不行，所以如果你心情還比較高興，也是可以掃碼打賞博主(っ•̀ω•́)っ✎⁾⁾！
想問問題，打賞了卑微的博主，求求你備註一下的扣扣或者微信；這樣我好聯絡你；(っ•̀ω•́)っ✎⁾⁾！
如果文中有什麼錯誤，歡迎指出。以免更多的人被誤導。