"Help wanted" Bar chart Time scaling graph not showing correctly

[eele94]

For a statistics overview people can select a daterange.

I need the chart to plot the results according to a timestamp.
I use the type: time
here are some options:

scales: { yAxes: [{ type: 'linear', }], xAxes: [{ type: 'time', time: { tooltipFormat: 'lll', minimumTimeUnit: '{{ $readingData['minimumTimeUnit'] }}', min: {{$period->start->getTimestamp()*1000}}, max: {{$period->end->getTimestamp()*1000}}, } }] }

Current Behavior

You see I have only a couple of timestamps and it creates a bar with information that is not true.
I want only bar at the correct timestamp, not spreading weird:s

The bar chart currently

the bar chart data

Context

Want to let people see statistics per day, week, month, year etc

Environment

• Chart.js version: ^2.7.1
• Vue-Chart : 2.8.7

[etimberg]

I believe this is a duplicate of a couple of other issues. Not sure of the numbers off the top of my head

I think I'm having the same issue. It happens when using bar chart with linear (time) distribution. It's possible to set barThickness properly manually but then you lose responsiveness.

Desired behavior would be that bar thicknesses are calculated automatically but all bars would use the same thickness. And that thickness would be the thickness of the narrowest bar in the current implementation.

#4855 and #4666 seems to talk about the same issue.