'how to make wider and properly aligned candlesticks with plotly.net?

With plotly.net, I can make a candlestick chart:

enter image description here

But when I start to plot the price on the same chart, it doesn't work very well:

enter image description here

We can see that each candle should be twice as wide and they should touch each other in order to overlap the time area they represent. It's possible that it will make the chart unreadable, or "ugly", but I'd like to know how this can be achieved to see what it looks like.

Right now the mismatch between the price and candles looks very odd to me; I'd like the candle left and right to align properly with the time they represent.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source