ChartJS技术求助：如何移除左右内边距并实现标签换行？

一、移除图表两侧的内边距 #

Chart.js里控制图表整体内边距的核心配置是layout.padding，你可以直接在图表的options里精准设置左右内边距为0；如果还有坐标轴带来的额外间距，配合关闭坐标轴的偏移属性就能彻底解决：

options: {
  layout: {
    padding: {
      left: 0,
      right: 0,
      // 若需要调整上下间距，可补充top、bottom属性
    }
  },
  scales: {
    x: {
      offset: false, // 关闭坐标轴偏移，避免默认的额外留白
    },
    y: {
      offset: false
    }
  }
}

如果调整后仍有细微间距，还可以尝试把坐标轴刻度的内边距设为0：scales.x.ticks.padding = 0，或者隐藏不需要的刻度进一步压缩空间。

二、修复Tooltip的换行问题 #

你当前的代码里，title.split(' ')只执行了拆分操作但没有复用结果，而且Chart.js的Tooltip标题回调有个特性：返回数组时，数组的每一项会自动换行。直接把标题和时间分成数组元素就能实现换行效果：

callbacks: {
  title: function (tooltipItem, data) {
    const targetItem = data.datasets[0].data[tooltipItem[0].index];
    const priceTitle = targetItem.y + ' РУБ';
    const timestamp = targetItem.x;
    const date = new Date(timestamp * 1000);
    const dateText = months[date.getMonth()] + ', ' + date.getFullYear();
    // 返回数组，每个元素对应Tooltip的一行内容
    return [priceTitle, dateText];
  }
}

如果需要在单个字符串里手动换行，也可以用\n分隔，但返回数组是最稳定可靠的实现方式。

关于你提到的footer/label回调异常，要是能补充具体的异常表现或代码片段，我可以再帮你排查~

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