[Chartjs]-Chart.js Thick label gets replaced by three dots

by

1👍

You are using a previous version of Charts.js. With Charts.js >2.0 axis label should grow as much as needed to display the full date unless you override the label function like done here.

Demo: https://codepen.io/adelriosantiago/pen/wvooQRR?editors=1010

enter image description here

Date format can be changed in 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'
    }
 }
}]

Leave a comment