ChartJs气泡图-悬停时气泡变得太大

我创建了一个气泡图，ChartJs并使用来动态填充数据Json。

请参见下面的代码。

for (var i = 0; i 

它生成如下所示的所需图表



问题是，当我将鼠标悬停在任何气泡上时，气泡的大小呈指数增加。



如何保持大小相同？ 

我正在设置hoverRadius数据集的属性，但对我没有任何帮助。


1> Vikasdeep Si..：
问题出在您的这一行代码上：

{ label: response.data[i]['staff_name'], data: point_data, backgroundColor: getRandomColor(), hoverRadius:4 }

这不是有效的JSON。值必须是字符串或数组。问题最有可能发生label: response.data[i]['staff_name']在point_data（或出现在）（我可以看到您正在制造x，y并且可能不需要这些r值.toString()）。再次检查。创建一个有效的JSON，然后通过设置尝试hoverRadius: 0，它将起作用。

设置hoverRadius: 0对我来说很好。如果进行设置，则将鼠标悬停时气泡大小不会改变hoverRadius: 0。

下面是工作示例：



var chart = new Chart(ctx, {
  type: 'bubble',
  data: {
    datasets: [{
      label: 'Bubble',
      data: [{
        x: 5,
        y: 55,
        r: 27.5
      }],
      backgroundColor: 'rgba(0, 119, 290, 0.6)',
      hoverRadius: 0
    }]
  },
  options: {
    tooltips: {
      callbacks: {
        label: function(t, d) {
          return d.datasets[t.datasetIndex].label +
            ': (Day:' + t.xLabel + ', Total:' + t.yLabel + ')';
        }
      }
    }
  }
});