拼团购物网站开发,wordpress输出文章标题,专门做蛋糕视频的网站,作业部落 WordPress背景#xff1a;echarts图中横坐标显示的文字过长#xff0c;导致字都堆积在一块如下图所示 解决办法 一#xff1a;可以尝试修改‘axisLabel’的‘rotate’和‘interval’参数#xff0c;‘rotate’参数可以设置标签的旋转角度#xff0c;可以避免标签之间的重叠#x…背景echarts图中横坐标显示的文字过长导致字都堆积在一块如下图所示 解决办法 一可以尝试修改‘axisLabel’的‘rotate’和‘interval’参数‘rotate’参数可以设置标签的旋转角度可以避免标签之间的重叠‘interval’参数可以设置标签的显示间隔。如果设置为0那么所有标签都会显示如果标签过多或者标签内容过长可能文字会出现重叠可以适当调整此参数的值来避免标签重叠。
option {xAxis: {data: [Sunday, Monday, Tuesday, Wednesday, Thursday, Friday, Saturday],axisLabel: {interval: 0,rotate: 45}},// 其他配置项...
};
效果如下
二轴标签超过特定长度时显示为省略号可以使用’formatter‘函数来实现这个函数可以让你自定义如何显示轴标签如下代码
option { xAxis: { data: [‘Sunday’, ‘Monday’, ‘Tuesday’, ‘Wednesday’, ‘Thursday’, ‘Friday’, ‘Saturday’], axisLabel: { interval: 0, formatter: function(value) { // 如果标签长度超过4将剩余的文字替换为省略号 if (value.length 4) { return value.slice(0, 4) ‘…’; } else { return value; } }else{ return value; } }, // 其他配置项… }
若只需在特定分辨率宽度下使用此方法可以先获取屏幕宽度
axisLabel: { fontWeight: this.setWeight, interval: 0, formatter: function(value) { // 如果标签长度超过4将剩余的文字替换为省略号 if(window.innerWidth1366){ if (value.length 3) { return value.slice(0, 2) ‘…’; } else { return value; } } } },
效果如下
