It's important to ask yourself, or better said, your users, whats the most important aspect to visualize and communicate with this graphic.
If the graph's main goal is to visualize the peaks and the total per day/week/year, the disposition you propose is okay (bars next to each other). You can enhance it by letting users zoom in and out when it's necessary to get a better look at a particular range.
This is usually achieved by most js graphical libraries in some or other way, some selecting a zone that is delimited below the graph, other by dragging (easy to find in stocks and finance graphs), others just by scrolling with the mouse or doing the expansive gesture with two fingers on the smartphone (link Kendo UI does)
If the goal is to make it easier to visualize and compare the stats inside each day/month/week, I think it's much more clear if you display them the other way around (one on top of each other)
- It's much easier to scan and compare the evolution between days/weeks/months.
- You'll always have enough space to show the specifics numbers/% of each section, which is generally very desirable.