Dashboard 数据看板

用法

Tuff Pulse 产品看板

运营大屏

挂墙值守用的暗色实时屏：没有筛选与表格，只看此刻，不跟随站点主题。

概述

给启动器团队看的产品数据看板：所有数字跟随同一个时间范围，换范围、选日期或框选时整页重算。

• 切换 7 / 30 / 90 天或选日期：指标卡滚动到新值，涨跌对比紧挨着的上一段同长度时间；7 天及以内按小时画。
• 在趋势图上横向拖选即放大，整页只统计这一段；「已放大」胶囊一键还原。
• 点图例隐藏或显示平台；插件表可按安装量或无崩溃率排序，换范围时趋势列平滑变形。
• 进入视口后图表才开始绘制，没有自动演示；宽屏（≥ 960px）多出崩溃率卡与洞察卡，窄屏（< 640px）指标卡两列、表格只留三列。
• 运营大屏：进入视口后实时刷新，18 秒时东京云同步降级、30 秒恢复；滚出视口或切换标签页时停止刷新。
• 运营大屏：点「实时刷新中」暂停全部更新；指针停在焦点卡、桑基图或事件列表上时该部分先停；减少动态效果时只显示静态快照。
• 运营大屏：始终为暗色；列内正好铺满舞台，窄屏（< 640px）单列滚动。

自定义

• 换数据源时，把 daily() 换成接口返回的按天序列；total()、average()、previousWindow() 已处理「今天未过完」与同长度对比。
• 比率类指标不要放进 TxTimeseriesChart（y 轴始终包含 0）；改画次数，或用 TxSparkChart 并传 domain。
• 图表高度、表格 maxHeight 这类像素 prop 容器查询够不到，从舞台尺寸或自己的 ResizeObserver 算出。
• 按行下钻时，给 TxDataTable 加 @row-click，把趋势图换成该插件的安装量序列。
• 运营大屏：局部暗色在根上写 data-theme="dark" 与 color-scheme: dark，并重新声明 :root 派生的几个 token；会 teleport 的浮层不要用。

相关组件