echarts 柱状图柱顶部显示数字

梦想家加一

已于 2023-07-12 16:48:56 修改

阅读量2.8k

点赞数 1

文章标签： echarts 前端 javascript

于 2023-03-30 15:13:36 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_60196946/article/details/129858199

版权

该文章讲述了如何使用Echarts库在柱状图中配置柱子顶部显示具体数值的方法，包括启用label功能，设定位置为顶部，并调整文字样式如颜色和字体大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts 柱状图柱顶部显示数字

series : [
           {
               type:'bar',
               barWidth:50,
               data:[10, 52, 200, 334, 390, 330, 220],
               itemStyle: {
                   normal: {
                       label: {
                           show: true,		//开启显示
                           position: 'top',	//在上方显示
                           textStyle: {	    //数值样式
                               color: 'black',
                               fontSize: 16
                           }
                       }
                   }
               }
           }
       ],

这里写图片描述