Highcharts 海图气泡型。打印选项区域中的datalabel文本溢出

下面是演示：

---

datalabel太长，无法显示，我希望它正好位于气泡内，溢出的文本显示为“ACDE…”

对于这种情况，我可以建议两种解决方案

• 将溢出设置为省略号，并为dataLabel设置一些宽度：

演示：

API:

• 在dataLabels中启用textPath功能：

演示：

---

API:

感谢您的回答，textPath可能不符合UI设计，对于省略号方法，它可以工作，但我希望宽度能够响应气泡的宽度。我试过宽度：50%。但这是它自身的50%，而不是bubbleHere是一个计算每个气泡宽度的函数，为dataLabel设置此宽度，然后将其转换到气泡的中间，但只转换一次-在第一次渲染后，在每次调整大小后，将自动执行此操作。谢谢你的回答@Sebastian，效果很好。但是我使用的是react highchart官方lib，您能告诉我如何在react组件（Function组件）中绑定render（）方法吗？您可以修改我的演示：好了：

 plotOptions: {
    series: {
      dataLabels: {
        enabled: true,
        format: "{point.name}",
          style: {
            textOverflow: 'ellipsis',
          width: 45
        }
      }
    }
  },

  plotOptions: {
    series: {
      dataLabels: {
        enabled: true,
        format: "{point.name}",
                textPath: {
            enabled: true
        }
      }
    }
  },