将自动换行样式应用于extjs图表标签

Question

我正在研究extjs图表。当轴标签有大文本时，在图表的边缘处，文本被切断。如何自动换长标签？有什么建议？ 这是我的代码： https://fiddle.sencha.com/#fiddle/15ef

Answer 1

每n个单词添加换行符就可以了。尝试将渲染器添加到轴标签。在fiddle中实施，并且它不再被切断

    renderer: function(v) {
        return v.replace(/((?:\w+ ){5})/gi, "$1\n"); //newline every 5th word
    }

如果您的标签非常长，即使使用自动换行也会被切断，您可以在n个字符后截断标签。 Ext对此有一个很酷的ellipsis函数

renderer: function(v) {
    v = Ext.util.Format.ellipsis(v,80); //truncate after 80 characters
    return v.replace(/((?:\w+ ){5})/gi, "$1\n");
}

Answer 2

您可以在任何想要破线的地方插入\n。