Javascript 具有超过50个数据点的HighChart中断

我正在尝试使用Angular2+中的JS HighChart创建气泡图。每当有超过50个数据点（气泡）时，图形就会中断。在所有不同颜色的正确位置（x、y图）有正确数量的气泡，但大小都相同，即使z值都不同。（我在工具提示中输出z值，并且z值是准确的） 此函数是我将数据传递到high chart配置的方式

setSeries() {
 this.objData = []
 this.Data.forEach(element => {
  var x= element['xVal'];
  var y = element['yVal'];
  var z = element['zVal'].toFixed(0);
  var name = element['seriesName'].trim();
  var newData =[{
    x:x,
    y:y,
    z:+z,
  }]
  // SetSeriesData is how i am creating the obj to pass into series=[] in highchart configuration
  if(i<50) //If I comment this condition, the graph breaks.  Right now, the graph is working properly
    this.setSeriesData(sumData, name, this.objData)
   i++
 })

 this.options.series = this.objData;
 this.generateChart();
}

}

在上面的函数中，我配置了图表，这样当您单击气泡时，它会将您带到另一个页面。当数据点>50时，此单击功能也不起作用。此外，fillOpacity不正确

有几件事需要指出 1.我使用的是角度2+ 2.发现的问题包括填充不透明度、单击和基于z值的大小。 3.当数据点小于50时，它可以完美地工作

---

我怎样才能解决这个问题

Hi Ike Jeon，您是否使用其他模块，例如boost.js？您的问题可能是由boost引起的，您可以在本例中看到：谢谢！因此，当我设置boost.enabled=false时，气泡的大小和颜色都不同（巨大的成就！）。单击功能仍然不起作用。我只能在鼠标悬停时看到气泡。换句话说，这只是一个空图。我们正在使用相当多的模块。这也可能来自其他模块吗？您的问题可能是由许多原因造成的。如果您能为我提供最少的图表选项和模块实例，那将是最好的。

setSeriesData(graphData: any, dataName: any, objData: any){
var obj = {};
obj['name'] = dataName;
obj['data'] = graphData;
obj['events'] = {click: function(e) {
  //takes me to another link
}};
objData.push(obj)