Question

我正在尝试使用Angular2 +中的JS HighChart创建气泡图。只要有50个以上的数据点（气泡），图形就会中断。在所有不同颜色的正确位置（x，y图）中都有正确数量的气泡，但是即使z值都不同，气泡的大小也相同。（我正在工具提示中输出z值，并且z值准确）此功能是我将数据传递到高图表配置的方式。

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();
}

这是我的setSeriesData函数。

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)

}

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

需要指出的几件事 1.我正在使用Angular 2+ 2.发现的问题是fillOpacity，click和基于z值的大小。 3.当数据点少于50个时，它会完美工作

我该如何解决？

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

0 个答案: