精灵文字被切断了

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类来确定文本的长度，然后找到合适的空白字符以替换为新行。