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

https://img2.mukewang.com/5ca6f608000167f406700284.jpg

侃侃无极
浏览 18850回答 3
3回答

正义的伙伴_1994

后传传递一个map,或者前端自己构建一个map,key得值为数量,value得值为百分比自定义label,用map去get当前得数量label: {   normal: {     show: true,     position: 'right',     formatter: function (v) {       let val = v.data;       return percentData.get(val);     },   } },最终效果

HUX布斯

在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]    }]
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript