highcharts always console error ablout bubble_compiled.js？

Question

我在我的应用程序中写了一个饼图

但是bubble_compiled.js总是出错

当我点击饼图，它没有动画，它显示Uncaught TypeError: a.target.className.indexOf is not a function为什么？

Answer 1

当点击我的D3图表时，我也遇到了同样的错误。

bubble_compiled.js是Google Translate Chrome Extension的一部分。禁用/删除此扩展将使错误消失，但此错误应该完全不会影响您的站点。

发生此错误是因为扩展有一个mousedown侦听器，它试图检查目标元素是否具有类“jfk- This closebtn”。

扩展中的相关代码(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()
}

由于您使用的是Highcharts，因此您可能会尝试单击SVG元素。SVG类名的类型是SVGAnimatedString，与String不同的是，它没有indexOf方法。因此，当扩展尝试调用它时，它会失败，因为它不存在。

另请参阅：Chrome and a TypeError due to SVGAnimatedString