Mixed chart layout issue

[mohantaylor]

I am getting an issue where using a mixed chart (bar with second dataset of line). The first bar is getting draw over the y axis when using a 'time' x axis. Using just bar, or just line for both works, but in mixed the issue is present.

Expected Behavior

First column should be inline with first tick.

Current Behavior

Bar is overlapping the y ticks.

Steps to Reproduce (for bugs)

1. 'bar' type of chart
2. Two datasets, one set to 'bar', the second to 'line'
3. xAxes scale set to 'time'

Environment

• Chart.js version: 2.4.0
• Browser name and version: Chrome 56

[etimberg]

@mohantaylor this is currently a known issue with plotting bars on a time axis 😞 I'm open to ideas though on how to improve this in the best way

[maxwell]

@etimberg do you know what the cause of this issue might be?

[canberksakarya]

@etimberg @mohantaylor @maxwell I am trying to re-create the problem to look for possible fixes but the info given is not enough to re-create the same problem. I have tried this with almost every time-format with one-bar one-line mixed chart but in no case I have the bar data overlap with the y-axis. Help would be much appreciated.