echarts 柱状如怎么既显示数值 又显示百分比

Answer 1

后传传递一个map，或者前端自己构建一个map，key得值为数量，value得值为百分比

自定义label，用map去get当前得数量

label: {
  normal: {
    show: true,
    position: 'right',
    formatter: function (v) {
      let val = v.data;
      return percentData.get(val);
    },
  }
},

最终效果

Answer 2

在series配置中修改：label属性 - normal属性中的formatter来客制化bar上的文字。

series: [{

        type: 'bar',

        label: {

            normal: {

                show: true,

                formatter: function(v) {

                    var val = v.data;

                    return val + '\n'+ val +'%';

                },

                color: '#fff'

            }

        },

        data: [22, 33, 44, 55, 66, 77, 88]

    }]