我正在做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"); }
更多推荐
将字换行样式应用于extjs图表标签
发布评论