echart柱状图series属性设置label显示字体大小及字体样式

echart柱状图series属性设置label显示字体大小及字体样式

直接上代码

series: [
  {
    label: {
      show: true, // 是否显示标签
      position: 'top', // 标签位置,可选值为:top、bottom、center、inside(柱状图内部)、outside(柱状图外部)
      textStyle: {
        color: '#333', // 标签字体颜色
        fontSize: 14, // 标签字体大小
        fontWeight: 'bold', // 标签字体加粗
        fontStyle: 'italic', // 标签字体斜体
        fontFamily: 'Arial' // 标签字体
      }
    },
    data: [/* 数据 */]
  }
]

其中,textStyle属性用于设置字体样式,包括字体颜色、字体大小、字体加粗、字体斜体、字体。

例如,将标签字体大小设置为16,字体颜色设置为蓝色:

series: [
  {
    label: {
      show: true, // 是否显示标签
      position: 'top', // 标签位置
      textStyle: { // 字体样式
        color: 'blue', // 标签字体颜色
        fontSize: 16, // 标签字体大小
      }
    },
    data: [/* 数据 */]
  }
]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值