Cuando habilito la función de punto de mira en mi gráfico, todo funciona bien en Chrome 56, pero cuando actualicé Chrome a 57 (incluso Chrome 58 y ZingChart 2.6.0 ahora), el uso de la CPU siempre está por encima del 25 % cuando se desplaza el gráfico, como para ver una cruz. Cuando tengo 2 gráficos, el uso de la CPU aumenta hasta el 99% y el navegador se ralentiza y se bloquea poco después.

Intenté deshabilitar todas las funciones para ver cuál era la causa de este problema, y cuando desactivo la cruz, el uso de la CPU vuelve a ser normal. Y si desactivo todo excepto la función de punto de mira, se observa el mismo efecto de acaparamiento de la CPU.

La única forma de liberar los recursos es cerrando la pestaña.

Aquí está mi código:

 var dataChart = { id: "ShSDbePYhAxC", data: { type: "area", "crosshair-x": { "plot-label": { text: "The %t Series has a value of %v." } }, gui: { behaviors: [ { id: "Reload", enabled: "none" } ], contextMenu: { customItems: [ { function: "zingAlert()", id: "zingAlert", text: "zing Alert" } ] } }, item: { angle: -30 }, legend: { "background-color": "white", "border-color": "black", "border-radius": "5px", "border-width": 2, layout: "1xauto", padding: "10%", x: "12%", y: "90%" }, plot: { alphaArea: 1, aspect: "spline", "bar-width": "15px", "contour-on-top": false, lineWidth: "2px", stacked: true, marker: { visible: false }, tooltip: { visible: false } }, plotarea: { "margin-bottom": "23%", "margin-left": "dynamic" }, "scale-x": { item: { angle: -30 }, labels: [ "Name0", "Name1", "Name2", "Name3", "Name4" ] }, "scale-y": { label: { "font-size": "15%", text: "Number Of Visitors" } }, series: [ { text: "Text A", values: [11111, 222222, 3333333, 444444, 55555] }, { text: "Text B", values: [6666, 777777, 88888, 99999, 12121212] } ] }, height: 550, output: "canvas", width: "100%", }