echart横轴文字显示省略号_echarts图表里label文字过长换行的方法

最新推荐文章于 2024-06-26 14:21:03 发布

weixin_39616287

最新推荐文章于 2024-06-26 14:21:03 发布

阅读量1.6k

点赞数

文章标签： echart横轴文字显示省略号

本文链接：https://blog.csdn.net/weixin_39616287/article/details/111511767

版权

本文介绍了Echarts中遇到横轴或标签文字过长时的处理方法，包括利用formatter函数进行文字换行和显示省略号，以及调整axisLabel属性来优化显示效果。示例代码展示了如何在不同场景下实现文字的自动换行和截断。

摘要由CSDN通过智能技术生成

在做一些图标时,有时会出现显示文字过长的问题,需要将其按照指定的字数换行,像下图这样而echarts没有提供换行的方法,但是可以使用fomatter方法进行设置,代码如下 formatter: function(val) { var strs = val.split(''); //字符串数组 var str = '' for(var i = 0, s; s = strs[i++];) { //遍历字符串数组 str += s; if(!(i % 2)) str += '\n'; //按需要求余…

css强制换行.强制不换行及自动换行的写法 css强制不换行 div{white-space:nowrap;} css自动换行 div{ word-wrap: break-word; word-break: normal; } css强制英文单词断行 div{word-break:break-all;}…

关于dl dt dd 文字过长换行在移动端显示对齐的探讨总结

抵押房产:

1.北京市大兴区兴华大街丽园小区3单大兴区兴华大街丽园小区3单

2.上海市大兴区兴华大街丽园小区2号楼3单元1208大兴区兴华大街丽园小区2号楼3单元1208

3.广州市大兴区兴华大街丽园小区3单大兴区兴华大街丽园小区3单

label: { normal: { fontSize: 14, formatter(v) { let text = v.name let count = text.indexOf('￥') console.log() return text.length < count ? text : `${text.slice(0,count)}\n${text.slice(count)}`