實現標志圖形字體后邊加上百分比

使用回調函數實現標志圖形字體后邊加上百分比，函數如下

// 回調函數 實現標志圖形字體后邊加上百分比formatter(name) {// console.log(Propecharts);let than = Propecharts.series[0].data; //獲取series中的datalet total = 0;let tarValue = 0;for (let i = 0, l = than.length; i < l; i++) {total += than[i].value;console.log(total);if (than[i].name == name) {tarValue = than[i].value;}}let p = ((tarValue / total) * 100).toFixed(1);return name + " " + " " + p + "%";},

重寫legend顯示樣式

在圖例后添加百分比和數據。直接上代碼

// 重寫legend顯示樣式formatter: function (name) {var index = 0;var data = Typeecharts.series[0].data;var total = 0;var tarValue = 0;for (var i = 0, l = data.length; i < l; i++) {total += data[i].value;console.log(total);if (data[i].name == name) {tarValue = data[i].value;}}var p = ((tarValue / total) * 100).toFixed();var clientlabels = ["市容市貌","公共設施","消防事件","疫情防控","垃圾分類","水質處理",];var clientcounts = [15, 45, 75, 105, 30, 30];clientlabels.forEach(function (value, i) {if (value == name) {index = i;}});return (name +" " +p +"%" +" " +" " +" " +" " +clientcounts[index]);},

以上函數代碼是在legend: {}使用的。代碼實在網上找的改的，忘記參考哪一位大佬的了。。。

總結

以上是生活随笔為你收集整理的Ecahrts图例后添加百分比和数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。