You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Chart.js v3如何修改横向柱状图的分类标签字体大小?

你需要在现有options配置中新增scales节点,调整y轴刻度的字体参数即可,核心修改片段如下:

const options = {
  responsive: true,
  indexAxis: "y",
  plugins: {
    legend: {
      display: false
    }
  },
  // 新增scales配置调整y轴标签字号
  scales: {
    y: {
      ticks: {
        font: {
          size: 18 // 此处数值可根据需求自定义,数值越大字体越大
        }
      }
    }
  }
};

由于你配置了indexAxis: "y"将分类轴切换到了y轴,因此调整scales.y.ticks.font.size的数值就能修改Bach、Mozart这类分类标签的字体大小。

内容的提问来源于stack exchange,提问作者Jay White

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.26 18:36:04