Feature Request: Add vertical spacing option between plot and rangeslider
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 18.3k
- Forks
- 2k
- Merge medio
- 2 d 12 h
- PR fusionados (30 d)
- 28
Descripción
Hi Plotly team ,
I'm working with rangeslider in a dual-axis layout (xaxis + xaxis2, yaxis2), and I’d like to request a feature that allows more control over the vertical spacing between the plot area and the rangeslider.
In the current setup, the rangeslider always appears directly below the main plot and sometimes the labels are inside the rangeslider.
The definition of the layout is:
function staticLayout(): object {
return {
margin: {l: 70, r: 20, t: 10, b: 20},
showlegend: true,
legend: {
orientation: 'h',
x: 0,
y: 1.02,
yanchor: 'bottom',
},
xaxis: {
domain: [0.0, 1.0],
anchor: 'y',
side: 'bottom',
title: {
text: 'Time (s)',
standoff: 15
},
automargin: true,
rangeslider: {
visible: true,
thickness: 0.07,
bgcolor: "#f5f5f5",
bordercolor: "black",
borderwidth: 1,
},
showticklabels: false,
showgrid: false,
zeroline: false,
fixedrange: true,
},
yaxis: {
visible: false,
showticklabels: false,
showgrid: false,
zeroline: false,
showline: false,
overlaying: 'y2',
},
xaxis2: {
anchor: 'y2',
side: 'bottom',
// type: 'log',
ticklabelposition: 'outside',
},
yaxis2: {
anchor: 'x2',
zeroline: false,
showticklabels: true,
ticklabelposition: 'outside',
}
};
}
How can I fix the spacing?
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Comienza reproduciendo el diseño de dos ejes proporcionado con xaxis.rangeslider y el comportamiento de superposición de etiquetas que aparece en la captura de pantalla. Rastrea dónde se determina el espaciado entre el gráfico y rangeslider, luego define la opción de espaciado solicitada y verifica que el ejemplo separe el gráfico y rangeslider sin colocar etiquetas dentro de este último.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript
- Área
- data-visualization
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Necesita aclaración
- Aptitud para principiantes
- 35/100