i had the exact same issue when displaying a bar chart with time as the x axes.
xaxes you need to add an additional configuration option:
description from the chartjs documentation:
if true, extra space is added to the both edges and the axis is scaled to fit into the chart area. this is set to true in the bar chart by default.
- plot a bar chart.js time series
- ChartJS not showing data for time series bar chart
- how to plot multiple time series in chartjs where each time series has different times
- Chart JS - set start of week for x axis time series
- Time series line chart is not displayed
- Time Series Line chart js in react not working
- Chart.js Date and Time Bar Chart Not Rendering - Line Works Though
- How to plot chart from external JSON and format X-AXIS to show time using Chart.JS?
- how can i use chart.js to create a chart that has one time series line and one linear line on it at the same time?
- chart js - bar chart with time scale on Y axis in Hours and Minutes
- Chart js Bar Time Chart
- Real time colored bar chart
- How to use chart.js to plot line chart with x axis as time stamp in seconds
- ng2 charts bar chart need spacing between 2 bars in series Angular
- How to create multiple y-axis time series chart
- Chart.js bar chart with time on X axis and category on Y axis is not rendered
- Chart.js - creating time series freqency chart with JSON data
- Django Time Series with Chart JS
- Can Chart.js Horizontal bar work with time series data?
- chartjs - no smooth rendering on time series plot
- Chart.js time series showing empty plot
- ChartJS Bar chart with time scale - Bars overlap with each other
- chart js 2 how to set bar width
- Chartjs Bar Chart showing old data when hovering
- Chart.js: Bar Chart Click Events
- Chartjs v2.0: stacked bar chart
- How to prevent first/last bars from being cut off in a chart with time scale
- Horizontal stacked bar chart with chart.js
- Chart.js Bar Chart - how to chart bars from 0
- Horizontal bar chart in chart.js
More Query from same tag
- Chartjs Stacked bar have a stack id per x value
- How to put labels at 4 points of the day?
- Chartjs in Vue integrate parsed Json Data
- ChartJS dynamic line chart ghosting back to old data when hovered on
- Chartjs: Is it possible to hide the data labels on the axis but show up on the graph on hover?
- chart.js animation loading
- plugins.legend.align are incompatible types typescript chartjs
- PrimeNg bar chart how do I hide the bar labels?
- Chart.js - hide / remove label on second dataset
- ChartJs create Chart from array
- Change <p> and <h> element when selecting something from dropdown
- Create a weekly line chart (52 labels)
- how to group the chart
- How to adjust spaces between points in chart js?
- chart.js set one bar as different colour?
- Line formatting in Chart.js for vertical steps
- Chart.js in AngularJS tabset does not render
- Vue.js - this.<value>.<value> is undefined
- how do I break a comma separated string into new lines in tooltip callbacks afterBody?
- Display only certain labels with chart.js
- Wrong display of xAxes in Chartjs
- Chart.js: How to display object data types on line graph correctly?
- Ng2-charts + How to customize the position of X axis labels?
- Chart.js Stacked Group Bar model after updating version Chart.js 2.9.4 -> Chart.js 3.5.0
- Getting dynamic data for chart.js from Django model
- How can I fasten up the Chart.js graph generation from JQuery over PHP and mySQL?
- Chart.js chart onclick disables legend onclick
- chartjs data labels - character level font colour control
- Customize ChartJS Hover Data Format
- How to destroy a canvas using Id and add new canvas to the same id