Question

我在2窗口子图中通过绘图绘制数据，能够在一组4个数据集之间切换每个图。每个数据集具有不同数量的跟踪，并且跟踪具有不同的长度名称。这是我的布局定义：

var layout = {

font: {
    family:'Roboto',
    size: 12,
    color: 'rgb(54, 54, 54)'
},
yaxis: {title: "Temperature [C]",
    domain: [0,.49],
    mirror:'ticks',
    showline:true,
    linecolor: 'rgb(54, 54, 54)',
    ticklen:3,
    tickcolor: 'rgb(245, 245, 245)',
    linewidth: 1},       // set the y axis title
yaxis2: {title: "Pressure [bara]",
    domain: [.51,1],
    mirror:'ticks',
    showline:true,
    linecolor: 'rgb(54, 54, 54)',
    linewidth: 1,
    ticklen:3,
    tickcolor: 'rgb(245, 245, 245)'},
xaxis: {title: "Time (your current local time)",
        mirror:'ticks',
    showline:true,
    linecolor: 'rgb(54, 54, 54)',
    linewidth: 1,
        tickformat: "%H:%M"           // customize the date format to
      },
showlegend: true,
paper_bgcolor: 'transparent', //'rgb(245, 245, 245)',
plot_bgcolor: 'rgb(255, 255, 255)',
autosize: false,
legend: {
    orientation: "h",
    y:-.2,
    x:0,
    font: {
        family:'Roboto',
        size: 12,
        color: 'rgb(54, 54, 54)'}
    },
hoverlabel:{
    font: {
        family:'Roboto',
        size: 12,
    },
    namelength:(-1)
},
margin: {
    l: 60,
    r: 60,
    b: 40,
    t: 30,
    pad: 4
},
height: 540,
width: 850
};

我遇到的问题是，当我切换不同的数据集时，图例会改变大小，这会导致我的绘图窗口改变大小。这种行为可以在这里看到：

https://youtu.be/OBLgaGd1H0o

总的来说，这在视觉上有些不和谐，并不理想，但我似乎无法改变格式以阻止图例改变大小。

通过图例调整大小的绘图窗口

0 个答案: