11.echarts中的玫瑰圖(餅圖)如何取消顯示指示線和指示文字


因為顯示空間有限,無論怎么調整玫瑰圖的內外半徑,指示線對應的指示文字還是看不見,如下圖:

 

 

 所以我想是否可以取消指示線和指示文字,只有當點擊的時候顯示具體數據同時顯示百分比

具體步驟如下:

1.添加label相關代碼,取消指示文字和指示線

 查看echarts官網:

 

 

 可以看到它就是設置視覺引導線的,將其Boolean值設置為false即可。

 

2.顯示百分比

具體配置如下:

 

 

 tooltip: 提示框組件。

觸發類型選擇'item',數據項圖像觸發,主要在散點圖、餅圖等無類目軸的圖表中使用。

formatter:提示框浮層內容格式器,對餅圖而言,{a}(系列名稱),{b}(數據項名稱),{c}(數值),{d}(百分比)。

 

最終效果圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM