Echart 自定义数据名称

最新推荐文章于 2023-08-02 15:02:57 发布

原创最新推荐文章于 2023-08-02 15:02:57 发布 · 3.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端

收录于

echart 专栏收录该内容

0 篇文章

订阅专栏

本文介绍如何在Echarts中自定义数据标签显示，通过设置series配置项中的label.normal.formatter参数，实现根据不同条件显示特定格式的数据名称和值，如'有:10(20%)'或'无:5(10%)'。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

Echart 自定义数据名称

series: [{
name: name,
barMaxWidth: “25px”,
data: data,
label: {
normal: {
show: true,
formatter: function (b,c,d) {
if (“1”.indexOf(b.name)>-1){
return “有:”+b.value+"("+b.percent+"%)";
} else if (“0”.indexOf(b.name)>-1) {
return “无:”+b.value+"("+b.percent+"%)";
} else {
return b.name+":"+b.value+"("+b.percent+"%)";
}
}
}
},
}],