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

本文介绍了将字换行样式应用于extjs图表标签的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我正在做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: fiddle.sencha/#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"); }