Time axis issues

[cpboyd]

Expected Behavior

This is what I'd expect and what happens if I use normal string labels (by using MomentJS's .format beforehand):

Current Behavior

This is what currently happens:
The final time axis label overlaps with the one before it. (Seems to happen at most screen sizes.)
The bar widths appear to be random.

Possible Solution

Haven't yet looked into it. Likely in buildTicks within scale.time.js

Steps to Reproduce (for bugs)

1. Use non-bundled Moment.js
2. Use a bar chart with time axes and many data points (the above example images used 1568, at 5s intervals)
3. The bar widths appear to be random.
4. The final time axis label will probably overlap the one before.

Context

I'm trying to display a large amount of data acquired over a period of time.

Environment

• Chart.js version: 2.4.0
• Moment.js version: 2.17.1
• Browser name and version: Chrome (latest)
• Link to example: http://codepen.io/anon/pen/PWZGmQ

[etimberg]

I think this is a duplicate of a number of other issues. The bar chart + time axis needs a complete rethink and a comprehensive proposal for how bars should size on axes other than the category axis. I am open to any ideas on how to improve this.

Currently, the bar size is determined in src/controllers/controller.bar.js. I think the method is calculateBarWidth

[cpboyd]

@etimberg Ah. I tried looking at a few other issues before opening this one, but couldn't find anything that seemed to be exactly the same.

For my specific use-case, the entries should always be a fixed width apart.

I'll try to look into it some more if I have time, but I'm probably just going to use normal string labels as a workaround for now.

[benmccann]

If you'd like the entries to always be equally spaced, then you probably want to use the new time series option that's been introduced in master. There's a sample here: #4554

[benmccann]

@cpboyd bar chart on a time scale should work well with the release of 2.7. Can you check out the latest version and see if it works for you?

Here's a sample: http://www.chartjs.org/samples/latest/scales/time/financial.html

[benmccann]

I'm closing this as fixed in 2.7. Please feel free to reopen if you think it's not addressed