How can I synchronize x ticks and values for 2 charts (line and bar)?

[Loremaster]

Hey guys.

I am showing 2 charts one a page and would love to show dates and values (on x axis) exactly under each other including markers right on x axis. Currently bar chart has it's own behavior and padding so data ends up not looking aligned. Is there a way to make it work?

I added example to jsfiddle:

https://jsfiddle.net/sq3vjm2b/