Support control over gaps between outer layers of multicategory axes

Adding additional whitespace padding between outer layers of a multicategory axis can improve the legibility of visualizations in many use cases, particularly when the emphasis is on making comparisons within outer-layer categories or between outer-layer categories (not just across all units).

Should be compatible with #2175.

Original discussion of such a feature:

Indeed, I've been pondering if there's a way to improve that. Certainly showing gridlines for the outer category only would help. Trying to think through an analog of bargap / bargroupgap, ie to give a bigger gap at the outer category boundary... but it seems tough to square that with the ticks & gridlines. Also would probably be a major headache to implement, as the spacing between categories would no longer be constant.

Originally posted by @alexcjohnson in https://github.com/plotly/plotly.js/issues/2799#issuecomment-442243851

Hi is there support for something similar to bargap and bargroupgap with multicategory axes? The goal would be to have a different gaps between bars of an outer category and bars of an inner category. Thanks ! Any other way to achieve this would be helpful :)

Originally posted by @elmadj in https://github.com/plotly/plotly.js/pull/3300#issuecomment-575856796

Empieza revisando el requisito de compatibilidad en #2175 y las discusiones vinculadas en #2799 y #3300. Después, sigue el comportamiento existente de multicategory-axis y las opciones relacionadas bargap y bargroupgap; se considera terminado cuando los espacios de la capa exterior se puedan controlar sin romper los ticks, las gridlines ni el comportamiento de espaciado existente.