javascript - Plotly y轴截止

Question

试图理解为什么我的 yaxis 图被截断。我不知道如何使绘图区域适合正确的位置。

玩了 margins ，但这是整个图表。

下面的代码。

    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：

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

标签： javascriptplotly

Answer 1

问题在于缺少数据点。一旦我在图中添加了更多数据点，一切都很好。