精灵文本被截断答案

【问题标题】：Sprite text getting cut off精灵文本被截断
【发布时间】：2015-08-12 08:54:30
【问题描述】：

我正在使用 Extjs 5 生成图表。我在图表中添加了一个精灵文本，但我无法为长字符串值换行。

问题如图所示。这是精灵的代码。

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

我正在从控制器动态设置文本值。有什么方法可以将文本换行到下一行以获得长字符串值？

提前致谢。 :)

【问题讨论】：

标签： extjs extjs4 extjs4.1 extjs4.2 extjs5

【解决方案1】：

文本精灵不会自动换行。但它确实考虑了换行符。所以你需要做的是自己插入换行符。

您可以使用Ext.util.TextMetrics 类来确定文本的长度，然后找到合适的空白字符替换为新行。

【讨论】：