echarts餅圖若何自界說格局化扇區的顯示文字,顯示的數字主動加上百分比?是否需要在數據源入彀算好百分比呢?
打開任一瀏覽器,進入echarts官網的實例界面,點擊左側的餅圖菜單,再點擊右邊的【Referer of a website】餅圖實例
打開餅圖實例后,可以看到左側是設置裝備擺設項,右側是圖形實例。將鼠標移到右側圖形上,就可以看到提醒信息中已經稀有字,還有百分比了,只是扇區的文字沒稀有字和百分比
細心不雅察左側的設置裝備擺設項,你會發現,series規模內的data數據中,并沒有供給百分比的值
那么,提醒信息中的百分比是若何呈現的呢?這個時辰就需要存眷option設置裝備擺設項中的tooltip規模中的formatter信息,從這里可以看到,這個處所將提醒信息格局化顯示了,這里帶上了百分號
若是要格局化扇區文字,是不是也可以參考tooltip中的格局化方式呢?在series的data前面添加如下的信息,formatter后面的內容完全利用tooltip中的formatter內容:
label: { normal: { show: true, formatter: "{a} <br/>{b} : {c} ({d}%)" } }
此時,不雅察右側的圖形,可以看到扇區的百分比已經有了,只不外換行符沒有正常顯示
點竄第五步中的換行符就可以正常顯示了,并且,想要自界說內容,都可以在formatter中填寫
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!