返回智能处理总览
方案 04 · 兜底策略

超长文本截断策略

当文本长度失控时,通过智能截断并辅以 Tooltip,在保持图表整洁的同时确保信息完整。

图表预览
设计尺寸规范
截断阈值 (Limit)> 8 字符
保留长度 (Keep)前 6 字符 + ...
轴标签字号 (Size)11px
旋转角度 (Rotate)-45° / -90°
交互反馈 (Hover)Show Full Text
柱体宽度 (Ratio)0.5
顶部圆角 (Radius)4px
应用准则
!
信息兜底:截断必须配合 Tooltip,否则会导致严重的信息丢失,影响用户决策。
!
视觉一致:无论原始文本多长,截断后的长度应保持一致(如均为 6 个字符),确保轴标签整齐。
!
关键信息:如果前 6 个字符不足以区分项目,应考虑从中间截断或使用智能缩写。
核心配置代码
formatter: (text) => {
  return text.length > 8 
    ? text.substring(0, 6) + '...' 
    : text;
}