vue echarts条形统计图每个条上部分加数字

最新推荐文章于 2024-03-11 18:42:20 发布

冰冷的冰

最新推荐文章于 2024-03-11 18:42:20 发布

阅读量408

点赞数

文章标签： vue.js echarts 前端

本文链接：https://blog.csdn.net/buchishutiao/article/details/132869141

版权

该篇文章详细描述了一个使用JavaScript创建的条形图系列，重点在于如何设置barGap，barWidth以及label的显示格式，如formatter函数用于将值转换为以万为单位的显示。内容涉及数据可视化和前端技术实现。

摘要由CSDN通过智能技术生成

 series: [
            {
              name: "",
              type: "bar",
              barGap: "-100%",//两条线可以重合在一起
              barWidth: 25,
              itemStyle: {
                normal: {
                  label:{//在normal中放lable字段
                    show:true,
                    position: 'top',
                    color:"#c3cbde",
                    formatter:(params)=>{//核心部分 formatter 可以为字符串也可以是回调 
                     return Math.round(params.value/10000) + '万' 
                    },
                  },
                }
              },
              z: -12,
              data: newData.comData
            },
          ]