因為顯示空間有限,無論怎么調整玫瑰圖的內外半徑,指示線對應的指示文字還是看不見,如下圖:
所以我想是否可以取消指示線和指示文字,只有當點擊的時候顯示具體數據同時顯示百分比。
具體步驟如下:
1.添加label相關代碼,取消指示文字和指示線
查看echarts官網:
可以看到它就是設置視覺引導線的,將其Boolean值設置為false即可。
2.顯示百分比
具體配置如下:
tooltip: 提示框組件。
觸發類型選擇'item',數據項圖像觸發,主要在散點圖、餅圖等無類目軸的圖表中使用。
formatter:提示框浮層內容格式器,對餅圖而言,{a}(系列名稱),{b}(數據項名稱),{c}(數值),{d}(百分比)。
最終效果圖: