¿Cómo puedo ajustar el espacio entre el encabezado, la leyenda y el área de trazado en Plotly? En particular, necesito aumentar el espacio entre ellos sin que choquen entre sí. Adjunté la captura de pantalla de salida actual y mi fragmento de código de la siguiente manera.
<Plot data={dataArray} layout={{ barmode: "stack", autosize: true, title: preHeading + mainTitle, margin: { t: 135, autoexpand: true, }, xaxis: { // all "layout.xaxis" attributes: #layout-xaxis title: xTitle, // more about "layout.xaxis.title": #layout-xaxis-title // dtick: 1, }, yaxis: { // all "layout.xaxis" attributes: #layout-xaxis title: yTitle, // more about "layout.xaxis.title": #layout-xaxis-title }, font: { // family: "Courier New, monospace", size: 12, color: "#7f7f7f", }, legend: { bgcolor: "yellow", x: 0, y: 1.2, xanchor: "auto", traceorder: "normal", orientation: "h", }, marker: { size: 40 }, }} useResizeHandler style={{ width: "100%", height: "100%" }} />