Estoy usando plotlyJs para trazar una dispersión 3d, quiero agregar el control deslizante de rango en el eje como lo hacen los gráficos 2D con la propiedad 'control deslizante de rango'. Agregué el siguiente bloque al parámetro de diseño:

 xaxis:{ rangeslider :{ autorange:true, bgcolor:"#F147F1", bordercolor:"#444", borderwidth:2, }

pero no pasa nada, sin embargo, si agrego el mismo bloque al gráfico 2D, funciona bien.

esta es mi configuración de gráfico 3D:

 let pointCount = 50; let i, r; for(i = 0; i < pointCount; i++) { r = 10 * Math.cos(i / 10); this.x.push(r * Math.cos(i)); this.y.push(r * Math.sin(i)); this.z.push(i); this.c.push(i) } Plotly.newPlot('chart', [{ type: 'scatter3d', mode: 'lines', x: this.x, y: this.y, z: this.z, opacity: 1, line: { width: 6, color: this.c, colorscale: 'Viridis' }, }],{ width: 730, margin: { l:20, r:20, t:35, b:40, }, },{ displayModeBar:false, responsive: true });

¿Hay alguna solución para agregar el control deslizante de rango al gráfico? aquí un ejemplo completo: https://codepen.io/azizd/pen/KKZRzBq