para visualizar datos estoy usando un mapa de calor de la biblioteca plotly.js. Después de renderizar el mapa de calor, quiero poder cambiar dinámicamente los límites de los ejes. Hasta ahora me las arreglo para hacer eso para el eje z (color) pero no para los ejes x o y.
Esto es lo que intento:
layout.xaxis.range=[0,5]; layout.yaxis.range=[0,5]; data[0].zmin=0; data[0].zmax=10; Plotly.redraw('myDiv');
Lamentablemente solo funciona el eje z. Puede consultar un ejemplo aquí: https://codepen.io/brockerdocker/pen/QWgvLGx
Esto es lo que obtengo (solo cambiaron los límites z):
Y esto es lo que me gustaría obtener (también se cambiaron los límites x e y):
Sin embargo, este segundo mapa de calor solo lo puedo lograr si especifico los rangos x e y antes de llamar a Plotly.newPlot('myDiv', data, layout);
. Una vez que generé el mapa de calor, parece que ya no puedo cambiar los rangos. Entonces, cualquier idea de cómo podría cambiar los rangos después de haber generado el mapa de calor sería genial.
Acabo de encontrar la solución:
Para poder establecer un rango dedicado para los ejes x e y, primero debe establecer 'autorango' en falso:
layout.xaxis.autorange=false; layout.yaxis.autorange=false; layout.xaxis.range=[0,5]; layout.yaxis.range=[0,5]; Plotly.redraw('myDiv');
Entonces eso debería funcionar.