Highchart：如果气泡图中两个气泡相交或彼此靠近，则不会显示气泡标题

Question

在 Highcharts Bubblechart 中，如果两个气泡彼此靠近或相交，则不会显示一个气泡顶部的名称。

有没有办法显示两个气泡名称。

在此注意右上角的两个气泡enter code herehttp://jsfiddle.net/htb38096/

Answer 1

在 dataLabels 上试试这个：

dataLabels: {
      enabled: true,
      useHTML: true,             
      style: { textShadow: 'none',fontSize: '10px',color:'black' },
      formatter: function() {
             return this.point.name;
      },
}

Answer 2

您可以为数据标签启用 allowOverlap 属性：

plotOptions: {
    series: {
        dataLabels: {
            allowOverlap: true,
            ...
        }
    }
}

现场演示： http://jsfiddle.net/BlackLabel/k23xLjmn/

API参考：https://api.highcharts.com/highcharts/series.bubble.dataLabels.enabled

Highchart：如果气泡图中两个气泡相交或彼此靠近，则不会显示气泡标题

Highchart: Bubble heading is not showing if two bubbles intersect or comes near one another in Bubble chart

highcharts

bubble-chart