javascript - Plotly.js 不一致地向图形添加顶部边距，如何防止它

Question

使用 Plotly.js 时，我有时会添加顶部边距(并非始终如一)，其中图形的总高度为 300 像素，但图形本身只有 150 像素高。然后 SVG 容器被拉伸(stretch)，实际图形变小。我能做些什么来防止出现这种空白，为什么它只是有选择地出现？

生成 300 像素 div 而不是 300 像素图形的 Plotly Matlab 语法:

`% PLOT MEAN MOVEMENT
    data = {...
      struct(...
        'x', nScan, ...
        'y',fastmotion, ...
         'type', 'scatter')...
         };
    if max(fastmotion) < 0.3
        yminval = 0.3;
    else
        yminval = round(max(fastmotion) + 1);
    end
    layout = struct(...
    'yaxis', struct(...
    'title', 'Movement (mm)', ...
    'range', [0, yminval]));
    header{3} = 'Absolute Movement';
    layout.width = 800;
    layout.height = 300;
    p = plotlyfig; 
    p.data = data;
    p.layout = layout;
    p.PlotOptions.FileName = 'plot_5';
    html_file = plotlyoffline(p);
    html_file;`

Answer 1

可以查看this answer在另一个问题上，这里是 fiddle .

您可以使用的快速代码:

var layout = {
  margin: {
    l: 20,
    r: 20,
    b: 20,
    t: 20,
    pad: 5
  }, title: false
};

正如 mfedoten 在他的回答中所说:但是如果您有刻度标签，请小心，如果您将边距设置为零，标签将被裁剪