Javascript 带图例的高度表重叠量规

我有以下问题。在我的网站上，我正在使用海图，尤其是gauge。我必须使用图例和marginleft属性的垂直对齐，以节省图例和图表之间的空间，但不幸的是，如果我调整网站大小，例如缩小窗口或打印图表，图例和图表会重叠。 以下js fiddle应说明这一点：

这是我认为发生重叠的部分。但这是我需要的财产 在JSFIDLE中，marginleft属性可能被视为不合适，但在原始网站上，它非常有用。你知道，我怎样才能防止这种重叠？

---

提前感谢。

您是否尝试修改

窗格。居中

选项？如下：-中心可以有像素或百分比值。或者只需将

marginLeft

设置为

180

，而不是

-180

。但正如你所说，由于某些原因，它可能对你不起作用。

    legend: {
        allowDecimals:false,
        itemWidth: 240,
        itemStyle:{
            cursor: 'default'
        },
        align: 'left',
        verticalAlign: 'top',
        layout: 'vertical',
        x: 0,
        y: 100,
        useHTML:true
    },