【echarts】pie环形图样式优化

不辜负曾经那份热爱

效果图

实现代码

Html

<div :id="id" style="width: 100%" :style="{ height: height }"></div>

核心Js

/*
组件传入数据格式
	echartObj: {
      name: '资产',
      totalAssets: 2790000041.94, // 总资产(环形中心展示数据)
      data: [
      	{ value: 1550000023.3, per: '30.56%', name: '流动资产' },
      	{ value: 1240000018.64, per: '24.45%', name: '非流动资产' },
      	{ value: 1971111137.97, per: '38.86%', name: '流动负债' },
      	{ value: 310000004.66, per: '6.11%', name: '非流动负债' }
      ],
    },
*/

export default {
   
  props: ['id', 'echartObj'],
  components: {
   },
  data() {
   
    return {
   
      option: null,
      myChart: null,
      height: 0,
      remRate: 1,
    };
  },
  methods: {
   
    // 逗号分隔数字
    fmoney(s, n) {
   
      n = n > 0 && n <= 20 ? n : 2;
      s = parseFloat((s + '').replace(/[^\d.-]/g, '')).toFixed(n) + '';
      let l = s.split('.')[0].split('').reverse(),
        r = s.split('.')[1];

      let t = '';
      for (let i = 0; i < l.length; i++) {
   
        t += l[i] + ((i + 1) % 3 == 0 && i + 1 != l.length ? ',' : '');
      }
      return t.split('').reverse().join(''