Skip to content

TTracking / 状态追踪

Tracking displays status over time as colored blocks with tooltips. Supports configurable status colors, block sizes, and gaps. / 状态追踪以色块形式展示时间轴状态,支持可配置的状态颜色、色块尺寸和间距。

Props / 属性

PropType / 类型Default / 默认值Description / 说明
itemsTrackingItem[][]Tracking data
blockSize'sm' | 'md' | 'lg''md'Block size
heightnumberCustom block height
gapnumber2Gap between blocks
tooltipPlacement'top' | 'bottom''top'Tooltip direction

Basic Usage / 基础用法

vue
<script setup lang="ts">
import { TTracking } from '@gulcc/tabler-vue'
</script>

<template>
  <TTracking :items="trackingData" />
</template>