Chart.js v3中如何修改坐标轴宽度并设置粗黑样式

在你现有移除网格线的配置基础上，给x、y轴补充border属性参数，即可自定义坐标轴的颜色、粗细，实现你要的粗黑坐标轴效果，以下是适配Chart.js 3.x及以上版本的完整配置：

options: {
  scales: {
    x: {
      grid: {
        display: false, // 原有移除x轴网格线配置
      },
      border: {
        color: '#000', // 坐标轴设置为纯黑色
        width: 3 // 调整轴线粗细，可根据需求修改数值
      }
    },
    y: {
      grid: {
        display: false, // 原有移除y轴网格线配置
      },
      border: {
        color: '#000',
        width: 3
      }
    }
  }
}

• 若需要同步调整刻度文字样式，可在对应轴下添加ticks配置：ticks: { color: '#000', font: { weight: 'bold' } }即可实现黑色加粗刻度效果
• 若使用2.x及更早版本的Chart.js，轴线样式需要在gridLines节点下配置zeroLineColor、zeroLineWidth参数，建议升级到新版本获得更易维护的配置体验

最终实现效果参考：

内容的提问来源于stack exchange，提问作者DaraJ