highcharts sempre console errore ablout bubble_compiled.js?

Question

scrivo un grafico a torta nella mia app
Ma è sempre l'errore con bubble_compiled.js
quando clicco nella torta, ma non ha animare, e mostrano Uncaught TypeError: a.target.className.indexOf is not a function Perché?

Answer 1

Ho riscontrato lo stesso errore quando si fa clic sui miei grafici D3.

bubble_compiled.js fa parte di Google Translate Chrome Extension. Disabilitando/rimuovendo questa estensione, l'errore andrà via, ma questo errore non dovrebbe influire sul tuo sito.

Questo errore si verifica perché l'estensione ha un listener mouse che tenta di verificare se l'elemento di destinazione ha la classe "jfk-bubble-closebtn".

relativo codice nel prolungamento (full source here):

P(window, "mousedown", function(a) { 
    var b = Ub(document, "gtx-trans"); 
    b && (ec(b, a.target) ? a.preventDefault() : (Tc(b), 
    dc(b))); 
    -1 != a.target.className.indexOf("jfk-bubble-closebtn") && a.preventDefault() 
} 

Dal momento che si sta utilizzando Highcharts, è che si stia tentando di fare clic su un elemento SVG. Il tipo di nome di una classe SVG è SVGAnimatedString, che a differenza di String non ha un metodo indexOf. Quindi, quando l'estensione tenta di chiamarlo, fallisce perché non esiste.

Consulta anche: Chrome and a TypeError due to SVGAnimatedString