首页 前端知识 Echarts X轴 强制显示所有标签 && 每行固定字数并换行显示

Echarts X轴 强制显示所有标签 && 每行固定字数并换行显示

2024-09-29 22:09:15 前端知识 前端哥 348 432 我要收藏

效果图如下:

直接上代码:

axisLabel: {
// 轴文字
interval: 0, // 强制显示完整
// 每行显示4个文字换行
formatter:function(value) {
var ret = ""; // 拼接加 \n 返回的类目项
var maxLength = 4; // 每项显示文字个数
var valLength = value.length; // X轴类目项的文字个数
var rowN = Math.ceil(valLength / maxLength); // 类目项需要换行的行数
if (rowN > 1)
{
for (var i = 0; i < rowN; i ) {
var temp = ""; // 每次截取的字符串
var start = i * maxLength; // 开始截取的位置
var end = start maxLength; // 结束截取的位置
temp = value.substring(start, end) "\n";
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/18745.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!