具有许多值的按图分组的箱线图间距

Question

我有一个分组的箱线图和样条线连接最大点。第一个框是始终一致的值，第二个框是参考点，对于值来说，它们并不总是具有参考点，因此不会有第二个框。如果所有值都有参考，则图形看起来分布均匀，但是在选择30个框的情况下，如果只有一个参考点，则框之间的空间太大。

为使样条曲线与方框点保持一致，以便在单击图例并禁用第二个方框时它们保持在相同位置，我使用transforms: [{type: 'sort'}]，但这会使方框更窄。我尝试了boxgap和boxgroupgap，但是它们没有给出期望的结果。设置boxmode: "overlay"不会显示出很大的差距，因为一个位于另一个之上，但是我想将它们并排显示。

这是一支经过修改的笔：https://codepen.io/juanv911/pen/MxrxQd

在屏幕截图中，有30个框用于值，而只有一个框用于引用。