数据表字段可视化工具

访问指定数据库文件，查看表结构并进行数据可视化分析

数据库配置

/鞠普服务数据.db
未连接

筛选条件

字段结构

未选择数据表
选择数据库和数据表后，将显示字段结构信息
字段总数
0

可视化配置

数据概览

数据总数
0
数值型字段
0
字符型字段
0
空值数量
0

数据可视化

图表视图
数据表格
统计分析
请选择数据表并生成可视化图表
addFilterBtn.addEventListener('click', () => { const field = filterField.value; const op = filterOp.value; const val = filterValue.value.trim(); if (!field) return; if (op === 'between') { const df = dateField.value; const s = startDate.value; const e = endDate.value; if (!df || !s || !e) return; addFilterChip({ field: df, op: 'between', values: [s, e] }); } else { if (!val) return; addFilterChip({ field, op, value: op === 'like' ? `%${val}%` : val }); } }); clearFilterBtn.addEventListener('click', () => { filters = []; renderFilterChips(); }); applyFilterBtn.addEventListener('click', async () => { if (currentTable) { await loadTableData(currentTable); } }); presetGuyupeng.addEventListener('click', () => { currentTable = '服务日志'; filters = [ { field: '工程师', op: '=', value: '古玉鹏' } ]; renderFilterChips(); tableSelect.value = ''; loadTableData(currentTable); });