echarts横向柱状图左侧的文字label配置

最新推荐文章于 2025-06-24 18:11:06 发布

donghuzi1

最新推荐文章于 2025-06-24 18:11:06 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 html5 html

本文链接：https://blog.csdn.net/qq_43614518/article/details/121680562

前端专栏收录该内容

23 篇文章 ¥9.90 ¥99.00

订阅专栏

本文主要介绍如何在ECharts中对横轴柱状图的左侧文字Label进行详细配置，包括数值和单位的展示方法，帮助前端开发者优化图表的视觉效果和信息传达。

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

  yAxis: [{ 
axisLabel: {
          // show: true,
          // interval: 0,
          // color: '#009BAA',
          color:function (value, index) {       //左侧的文字label判断  颜色
             return value=='均值' ? '#000' : '#009BAA'; },       
          interval:0,                //左侧文字label间隔
        },
}]

柱状图的数值及单位

  series: [{


      label: {
          textStyle: { //数值样式
            fontSize: '2rpx',
            height:'20',
            color: '#666'
          },
          padding: [3, 10, 10, 5],
          normal: {
            show: true,
            position: 'right',
            // formatter: '{c}cm'//c后面加单位{a}{b}:

了解本专栏