echarts lengend 换行

    技术2022-07-13  77

    legend: { type: 'scroll', orient: 'vertical', icon: 'circle', textStyle: { lineHeight: 30 }, formatter: function (name) { if(name && name.length > 26){ var str1 = name.substring(0, 26) var str2 = name.substring(26) name = str1 + "\n" + str2 } return name; } },

    如果没有加上述的formatter 则会出现如下图的情况 name = str1 + “<br />” + str2 这样是不生效的

    另外,可以采用如下方式处理

    formatter: function (name) { return echarts.format.truncateText(name, 200,'14px Microsoft Yahei', '…'); }

    echarts.format 有一些方法(官网未找到此对象的说明)

    其中的 truncateText 在此处可以在此处进行字符串的截取 { addCommas: ƒ $o(t) capitalFirst: ƒ aa(t) encodeHTML: ƒ Qo(t) formatTime: ƒ oa(t,e,i) formatTpl: ƒ ta(t,e,i) formatTplSimple: ƒ ea(t,e,i) getTextRect: ƒ De(t,e,i,n,o,a,r) getTooltipMarker: ƒ ia(t,e) normalizeCssArray: ƒ L(t) toCamelCase: ƒ Jo(t,e) truncateText: ƒ Oe(t,e,i,n,o) __proto__: Object }
    Processed: 0.027, SQL: 12