La panorámica no funciona mientras se desplaza sobre un marcador.
Para reproducir el problema, verifique el código a continuación -> seleccione pan -> desplace el cursor sobre un marcador -> arrastre la trama -> la trama vuelve a su posición original.
var data = [{ mode: "lines+markers", x:["December", "January", "February"], y:[4,1,3] }] Plotly.react('myDiv', data).then(gd => { gd.on('plotly_hover', d => { var width_vals = gd.data.map(x => 5) Plotly.restyle(gd, 'line.width', width_vals) }).on('plotly_unhover', d => { var width_vals = gd.data.map(x => 1) Plotly.restyle(gd, 'line.width', width_vals) }) })
<head> <!-- Load plotly.js into the DOM --> <script src='https://cdn.plot.ly/plotly-2.12.1.min.js'></script> </head> <body> <div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div> </body>
¡Cualquier sugerencia sera apreciada!
Intente configurar xaxis.uirevision
en cualquier valor real y manténgalo igual entre renderizaciones. Consulte https://plotly.com/javascript/reference/layout/#layout-uirevision
var data = [{ mode: "lines+markers", x:["December", "January", "February"], y:[4,1,3] }] Plotly.react('myDiv', data).then(gd => { gd.on('plotly_hover', d => { var width_vals = gd.data.map(x => 5) Plotly.restyle(gd, { 'line.width': width_vals, 'xaxis.uirevision': 'anyvalue' }) }).on('plotly_unhover', d => { var width_vals = gd.data.map(x => 1) Plotly.restyle(gd, { 'line.width': width_vals, 'xaxis.uirevision': 'anyvalue' } ) }) })
<head> <!-- Load plotly.js into the DOM --> <script src='https://cdn.plot.ly/plotly-2.12.1.min.js'></script> </head> <body> <div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div> </body>