Javascript 图利雅克斯截止

试着去理解为什么我的雅克西斯情节被切断了。我不知道如何使绘图区域适合正确的位置

使用了边距，但这是整个图表的边距

下面是代码

    var layout = {
        showlegend: true,
        autoresize: false,
        width: document.getElementById(div_id).clientWidth,
        height: 371,
        margin: {
         l: 50,
         r: 50,
         b: 100,
         t: 100,
         pad: 0,
        },
        title: title,
        xaxis: {
            fixedrange: true,
            rangeselector: selectorOptions,
            rangeslider: {},
            type: 'date',
            title: 'Time',
        },
        yaxis: {
            automargin: true,
            fixedrange: true,
            autotick: true,
            autorange: true,
            tickformat: ".3s",
            title: 'Mbps'
        }
    };

html分区：

            <div class="x_content">
              <div id='{{item['index']}}div_id'"style="height:450px;"></div>
            </div>

我想问题在这里：

 <div class="x_content">
          <div id='{{item['index']}}div_id'"style="height:450px;"></div>
        </div>


问题在于缺少数据点。一旦我在绘图中添加了更多的数据点，一切都很好
 嗨。我有身高：371，在plotly中，所以这应该不是问题。我在部门换了，但运气不好。所以，一旦我移动了这3个数据点，它就工作了。奇怪的是，我会和阴谋团队一起提出