Chart.js 厚标签被三个点替换

编程问答 2022-05-26

问题描述

如何显示完整的厚标签？它总是被切断并替换为 3 个点。 我一直在尝试 https://www.chartjs.org/docs/master/axes/index 中带有填充和类似内容的各种选项，但我找不到这个。有完整的日期数据。

graph

解决方法

您使用的是以前版本的 Charts.js。使用 Charts.js > 2.0 轴标签应根据需要增长以显示完整日期，除非您像 done here 一样覆盖标签功能。

演示：https://codepen.io/adelriosantiago/pen/wvooQRR?editors=1010

enter image description here

可以在 options.scales 中更改日期格式：

xAxes: [{
  type: "time",time: {
    unit: 'hour',unitStepSize: 0.5,round: 'hour',tooltipFormat: "h:mm:ss a",displayFormats: {
      hour: 'Y MMMM D,H:M:S A'
    }
 }
}]
chartkickchartsjavascriptvue.js