score:12
Accepted answer
I had the exact same issue when displaying a bar chart with time as the X axes.
Inside your xAxes
you need to add an additional configuration option:
xAxes: [{
offset: true
}]
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.
Source: stackoverflow.com
Related Query
- 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
- How to add label for ChartJs Legend
- TypeError: Chart.defaults.global.tooltips is undefined in AngularJS
- Chart.js 2 - Axis Layer Padding
- Importing and using Echarts results in [object error] in Internet Explorer
- Chart.js: Display Custom Tooltips, always visible on stacked bar-chart
- Chartjs: Why do I have 2 Y Axis labels?
- Chart.js Radar chart multiple datasets
- Saving columns from an SQL table into an array using Python
- Line chart Change background color of shaded region on hover (Chartjs)
- Chart.js place y value position and its x-label position relative to the x-value
- Add horizontal Line to my chart.js Barchart
- date and time chart With Chart js
- Not render when there are too many columns
- How to point a Chart.js plugin to different doughnut charts?
- Chart js - set width to a specific bar
- Chart JS 2.x: How to show a tooltip in a timeline chart?
- Plot lap times with Chart.js from time strings
- Reanimate Data Values in CharJS
- How to remove all gridlines and ticks all lines in lines chart in javascript taken from cdn)
- Chart.JS Display 5 largest values in the legend
- ChartJS: get points information on hovering the points
- Chartjs Doughnut disappears
- Angular .subscribe executes at the end after the ngOnInit
- React ChartJS prevent new data from being added into state after it's redrawn?
- How to get value of defaultdic in JS (Django framework)?
- Chartjs Nested Doughnut Layers With Different Thickness
- Is it possible with Chart js or which chart Library can provide this type of chart?
- How do I invert an y-axis using chart.js (v2.0-dev)
- Destroying Chart js within useEffect - React
- chart.js increase value on click