La function de mouse mouseover / mouseover de Highcharts es lenta en Chrome pero no lenta en Firefox o IE

Tenemos una aplicación web desarrollada usando Codeigniter y PHP que usa la biblioteca de Highcharts y javascript / html en el lado del cliente y se implementa en IIS.

La biblioteca Highcharts renderiza varios cuadros en una pantalla, 5 para ser precisos. Cada gráfico representa datos que no tienen más de 1000 filas.

Los charts se trazan bien, pero cuando el mouse se ubica alnetworkingedor del gráfico, el mouse se muestra en frameworks (solo en cromo). Por favor, mira la image a continuación que muestra los rezagos de fotogtwigs causados ​​por el seguimiento del mouse.

enter image description here

Sorprendentemente, este comportamiento se observa solo en Chrome, pero no en IE o Firefox.

¿Alguien puede ayudar sugiriendo cómo superar este mal seguimiento del ratón en Chrome? Highcharts tiene una opción de deshabilitación de rastreador de mouse, pero perdemos funciones de interactividad y mouse sobre si está deshabilitada.

Cualquier ayuda para superar esto o mejorar el renderizado de frameworks mouseover en Chrome será muy apreciada.

Usando Highcharts versión 2.0.4, ahora actualizado a la última versión 4.0.4

El código de información sobre herramientas está a continuación, utilizando la opción de información sobre herramientas básica para cuadro y gráfico de área.

tooltip: { formatter: function() { return 'The value for <b>' + this.x + '</b> is <b>' + this.y + '</b>, in series '+ this.series.name; //return "hello"; } } 

Encontrado el problema, a continuación está la solución.

Tenemos que habilitar la opción "Deshabilitar aplastamiento de capa" en chrome desde aquí chrome: // flags / # disable_layer_squashing

PD Gracias a @SebastianBochan y @HristoValkanov por guiarme hacia la solución.

Este es un error en Chrome. He enviado un ticket de error aquí, https://www.chromium.org/issue-tracking , pero bloqueó sus serveres.

Internet Explorer, Internet Edge, Safari y Firefox no sufren este problema. Todos los browseres basados ​​en cromo fallan al usar events de arrastre del mouse en DOM con miles de elementos.

Prueba:

Encabezado HTML –

  <style> table td :hover:after { content: "Add"; } </style> 

Cuerpo HTML

  <table> <tr> <td> Test </td> </tr> </table> 

Copie / pegue el bloque <td> arriba lo suficiente para que tenga unos pocos miles de líneas. Tenga en count que el contenido "Agregar" solo aparece después de varios segundos de retraso. Aumente el número de líneas a 30,000; se necesita un minuto completo para hacer reference al cambio.

Solo hay una solución: esperar que Chromium admita un sistema de tickets de errores (por ejemplo, como el de Github), luego esperar a que alguien envíe una solución al sistema de tickets, luego esperar a que un ingeniero de Google se dé count de que drag and drop no funciona, luego espera a que lo arreglen.

Conclusión: es casi 2018, y drag and drop todavía no es compatible con Chrome. Creo que es seguro decir que ahora puede decirle a los usuarios NO UTILICE NAVEGADORES CROMADOS O BASADOS EN EL CROMO .