echarts餅圖在顯示的時辰,每個扇區顯示的文字,若何顯示在扇區內部,別的一些環境,若何將其顯示在圖形外部,并在每個扇區伸出一根指示線呢?
打開瀏覽器,進入echarts官網的實例界面,點擊左側的餅圖菜單,再點擊【Referer of a website】餅圖
進入這個實例圖形后,就可以看到默認的餅圖扇區文字是在外面的,而且有一根指示線
若是想把這些文字放到各個扇區內部去,該怎么做呢?起首,需要點竄左側option的series內容,在data后面或者前面添加:
label: { normal: { show: true, position: 'inner' }
點竄完當作后,右側的圖形就會主動刷新,若是沒有主動刷新,就點擊左側右上角的運行。這個時辰,右側圖形就可以看到各個扇區的文字就到了內部去了
若何把第3步添加的show屬性值點竄為false,會是怎么樣的呢?
label: { normal: { show: false, position: 'inner' }
點竄完當作后,右側就可以看到餅圖各個扇區都沒有文字顯示了
所以,要顯示扇區文字,必需要show屬性設置為true,這個默認就是true值,只有當某些環境被設置為false之后,才需要點竄。別的,默認文字是顯示在扇區外部的,想要顯示在內部,就點竄position的值為inner即可。最后,若是position是肆意值,好比123,并不會報錯,也會當做默認顯示
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!