瀏覽代碼

过去7天图表优化

zjs_project 1 月之前
父節點
當前提交
8616b8c970
共有 1 個文件被更改,包括 15 次插入1 次删除
  1. 15 1
      src/views/workbench/index.vue

+ 15 - 1
src/views/workbench/index.vue

@@ -318,7 +318,9 @@ const workbenchData: any = reactive({
                             rankNo = 'no3'
                             break
                     }
-                    return `{${rankNo}|${index + 1}} {labelName|${value}}`
+                    // 限制显示字数为5个字符,超过用省略号
+                    const displayName = value.length > 5 ? value.substring(0, 5) + '...' : value
+                    return `{${rankNo}|${index + 1}} {labelName|${displayName}}`
                 },
                 align: 'left',
                 rich: {
@@ -352,6 +354,18 @@ const workbenchData: any = reactive({
                 }
             }
         },
+        tooltip: {
+            trigger: 'axis',
+            formatter: (params: any) => {
+                if (params && params.length > 0) {
+                    const dataIndex = params[0].dataIndex
+                    const originalName = workbenchData.listOption.yAxis.data[dataIndex]
+                    const value = params[0].value
+                    return `${originalName}: ${value}次`
+                }
+                return ''
+            }
+        },
         series: [
             {
                 // data: [33, 26, 25, 15, 12, 9, 9],