echarts饼图中间加累加值

最新推荐文章于 2024-07-29 14:40:31 发布

33455432

最新推荐文章于 2024-07-29 14:40:31 发布

阅读量370

点赞数 2

文章标签： echarts java javascript

本文链接：https://blog.csdn.net/weixin_38999134/article/details/137039887

版权

本文展示了ECharts中各类别的数据（A类、B类、C类和D类）及其累计值，通过函数formatNumber计算总和，提供了数据可视化分析的结果。

摘要由CSDN通过智能技术生成

let echartData = [{
         name: "A类",
         value: "3720"
     },
     {
         name: "B类",
         value: "2920"
     },
     {
         name: "C类",
         value: "2200"
     },
     {
         name: "D类",
         value: "1420"
     }
 ];
 //累加 总数
  let formatNumber = function(num) {
      let reg = /(?=(\B)(\d{3})+$)/g;
      return num.toString().replace(reg, ',');
  }
  let total = this.echartData.reduce((a, b) => {
      return a + b.value * 1
  }, 0);
title: [{
	  text: '{name|' + '总数' + '}\n{val|' + formatNumber(total) + '}',
	  top: 'center',
	 left: 'center',
	  textStyle: {
	      rich: {
	          name: {
	              fontSize: 14,
	              fontWeight: 'normal',
	              color: '#666666',
	              padding: [10, 0]
	          },
	          val: {
	              fontSize: 30,
	              fontWeight: 'bold',
	              color: '#333333',
	          }
	      }
	  }
	}],
	
	```