echarts餅圖若何自界說格局化扇區的顯示文字 ， 顯示的數字主動加上百分比？是否需要在數據源入彀算好百分比呢？
需要這些哦
echarts
方式/
1打開任一瀏覽器 ， 進入echarts官網的實例界面 ， 點擊左側的餅圖菜單 ， 再點擊右邊的【Referer of a website】餅圖實例
2打開餅圖實例后 ， 可以看到左側是設置裝備擺設項 ， 右側是圖形實例 。 將鼠標移到右側圖形上 ， 就可以看到提醒信息中已經稀有字 ， 還有百分比了 ， 只是扇區的文字沒稀有字和百分比
3細心不雅察左側的設置裝備擺設項 ， 你會發現 ， series規模內的data數據中 ， 并沒有供給百分比的值
4那么 ， 提醒信息中的百分比是若何呈現的呢？這個時辰就需要存眷option設置裝備擺設項中的tooltip規模中的formatter信息 ， 從這里可以看到 ， 這個處所將提醒信息格局化顯示了 ， 這里帶上了百分號
5若是要格局化扇區文字 ， 是不是也可以參考tooltip中的格局化方式呢？在series的data前面添加如下的信息 ， formatter后面的內容完全利用tooltip中的formatter內容：
label: { normal: { show: true, formatter: "{a} <br/> : {c} (whj8gai38g3%)" } }
6此時 ， 不雅察右側的圖形 ， 可以看到扇區的百分比已經有了 ， 只不外換行符沒有正常顯示
7【echarts餅圖如何自定義格式化扇區文字與百分比】點竄第五步中的換行符就可以正常顯示了 ， 并且 ， 想要自界說內容 ， 都可以在formatter中填寫
以上內容就是echarts餅圖如何自定義格式化扇區文字與百分比的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 如何用烤箱烤玉米
- 如何做菠菜炒雞蛋更好吃
- 旅游旅游攻略_旅游如何做攻略
- 如何做好一道蠔油杏鮑菇
- 怎樣才能存錢？如何理財？
- 手有余錢應當如何理財？
- 話說大家都是如何投資理財的呢？
- 如何理財？
- 解讀《個人理財》：如何制定自己的理財計劃
- 個人理財如何分炒股產？