Текст спрайта обрезается

Question

Я использую Extjs 5 для создания диаграммы. Я добавил текст спрайта в диаграмму, но я не могу обернуть текст длинными строковыми значениями.

Проблема показана на изображении. Вот код спрайта.

 sprites: [{ 
      type: 'text', 
      text: '', 
      textAlign: 'left', 
      fontSize: 12, 
      fontWeight: 'bold', 
      //width: 50, 
      //height: 30, 
      x: 100, 
      y: 10, 
      'fill': '#333f49'    
     }], 

Я динамически настраиваю текстовое значение с контроллера. Есть ли способ обернуть текст в следующую строку для длинных строк?

Заранее спасибо. :)

Answer 1

Текст спрайт не обертывается автоматически. Но он принимает во внимание разрывы строк. Итак, что вам нужно сделать, это вставить разрывы строк самостоятельно.

Для определения длины текста можно использовать класс Ext.util.TextMetrics, а затем найти подходящий символ пробела для замены новой строкой.