柱状图bug

2025-09-09 21:02:15 +08:00
parent a8956a1e5d
commit 1885fb61d1
1 changed files with 10 additions and 0 deletions
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -441,7 +441,17 @@ function updateEmployeeBarChart(list: EmpBarItem[]) {
  set(barOptionsData, 'legend.data', legendNames)
  set(barOptionsData, 'xAxis.data', labels)

+  // 1) 轴标签强制全部显示 + 不自动隐藏
+  set(barOptionsData, 'xAxis.axisLabel.interval', 0)
+  set(barOptionsData, 'xAxis.axisLabel.hideOverlap', false)

+  // 2) 适当旋转，避免重叠（不想旋转可设为 0）
+  set(barOptionsData, 'xAxis.axisLabel.rotate', 30)
+
+  // 3) 防止被裁剪：让 grid 预留标签空间
+  set(barOptionsData, 'grid.containLabel', true)
+  set(barOptionsData, 'grid.bottom', 60) // 视情况调大/调小
+  set(barOptionsData, 'xAxis.axisTick.alignWithLabel', true)


  set(barOptionsData, 'series', [