首页 前端知识 Echarts柱状图格式化Label加单位

Echarts柱状图格式化Label加单位

2024-05-05 22:05:05 前端知识 前端哥 966 622 我要收藏

如图所示,每个柱子上显示值+单位。

且单位不同。

 实现方式

 series: [

        {

          data: showValue,

          type: 'bar',

          barWidth: 25,

          label:{

            show:true,

            position: 'top',

            formatter:(params:any) => {

              var value = params.value;

              var suffix = params.data.suffix || '';//标签显示单位

              return tool_toDecimal(value, params.data.decnum)+suffix;

            }

          }

        }

      ]

 showValue数据格式

 

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7044.html
标签
评论
发布的文章

HTML5-新增表单元素

2024-05-10 08:05:59

Dayjs 的一些常用方法

2024-05-10 08:05:59

Howler.js HTML5声音引擎

2024-05-10 08:05:59

前端攻城狮HTML5自查手册

2024-05-10 08:05:51

JavaScript 基础入门

2024-05-10 08:05:41

HTML5新手入门指南

2024-05-08 10:05:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!