将自动换行样式应用于 Ext JS 图表轴标签

Question

我正在处理 ExtJS 图表。图表的轴标签有冗长的文本。在图表的边缘，文本被切断。如何将 Ext JS 图表轴标签换行样式？

Answer 1

试试这个

.x-form-label#myLabel {
        width: 20px;
        overflow: hidden;
    }

Answer 2

使用渲染器每 n 个单词添加换行符也可以工作

继承人 fiddle

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

Apply word wrap style to Ext JS Chart axis labels