将字换行样式应用于extjs图表标签 [英] Apply word wrap style to extjs Chart label

问题描述

我正在做extjs图表。当轴标签具有大文本时，在图表的边缘处，文本被切断。如何换行长标签？有什么建议么？
这是我的代码：

如果您有极长的标签，即使使用自动换行仍然会被截断，您可以在n个字符后截断标签。 Ext有一个很酷的 ellipsis function for that

  renderer：function（v）{
v = Ext.util.Format （v，80）; // truncate after 80 characters 
 return v.replace（/（（?: \w +）{5}）/ gi，$ 1\\\
）; 
} 
  

I'm working on extjs chart. when the axis labels have big texts, at the edges of the Chart the texts are cut off. How to word wrap long labels? Any suggestions? Here is my code: https://fiddle.sencha.com/#fiddle/15ef

解决方案

adding newlines every n words should do the trick. Try adding a renderer to your axes label. Implemented in fiddle and it isn't cutting off anymore

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

If you have extremely long labels that still cut off even with word wrap, you could truncate the labels after n characters. Ext has a cool ellipsis function for that

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

这篇关于将字换行样式应用于extjs图表标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！