创建一个多边形，多边形内有文字，但是这个文字太长了怎么让他换行

Question

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

new Style({
        stroke: new Stroke({
          color: strokeColor,
          width: 4,
        }),
        fill: new Fill({
          color: fillColor,
        }),
        text: new Text({
          text: this.displayText ? name : '',   // 设置这里的text,太长了
          font: '13px font-size',
          overflow: false,
          fill: new Fill({
            color: '#fff',
          }),
          backgroundFill: new Fill({
            color: this.displayTextBgc ? 'rgba(0,0,0,0.6)' : 'transparent', // transparent,
          }),
          padding: [2, 0, 0, 2],
        }),
      })

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

Answer 1

style="word-break: break-all;white-space: normal;"