CodaAI教程：联动表格与任务表制作交互进度图

若希望为进度数据添加动态图表或交互式视觉反馈，通常需要正确配置视图绑定与公式联动机制。以下是两种核心实现路径的详细步骤：

如果您在CodaAI中已建立了任务跟踪表格，但希望让表格数据能够实时转化为直观的进度图表并支持交互操作，那么问题可能源于视图绑定或公式联动的配置。下面将详细介绍实现这一功能的具体方法。

一、启用表格与图表视图的双向绑定

这种方法利用CodaAI内置的“图表视图”功能，将任务表中的状态字段（如“进度%”、“截止日期”、“负责人”）直接映射为图形元素，确保表格更新时图表自动同步重绘。

1、在任务表格所在文档页右侧，点击“+ 添加视图”，选择“图表视图”。

2、在图表设置面板中，将X轴设为“任务名称”列，Y轴设为“进度%”列，图表类型选择为“条形图”或“水平进度条”。

3、勾选“启用交互”，并在“点击行为”中选择“跳转至对应行”，使点击图表条目可高亮定位到表格中该任务行。

4、保存视图后，在表格中任意修改某行“进度%”数值，图表将实时刷新并保持颜色渐变逻辑一致。

二、使用Formula公式驱动动态进度色块

该方法利用CodaAI公式引擎，在表格内新增一列“进度可视化”，通过嵌套IF与SWITCH函数生成带背景色的文本块，实现单元格级进度反馈，无需切换视图即可直观识别状态。

1、在任务表末尾添加新列，命名为“进度可视化”，列类型设置为“公式”。

2、输入以下公式：
SWITCH([进度%], 0, "⚪ 未开始", < 25, "⏳ 初步启动", < 50, "⏳ 进行中", < 75, "⏳ 快速推进", < 100, "⏳ 接近完成", 100, "✅ 已完成")

3、选中该列，在右侧面板中点击“格式化”→“条件格式”→“按值设置背景色”，分别将“✅ 已完成”设为绿色背景、“⏳ 初步启动”设为浅黄背景等。

4、保存后，该列将自动生成带颜色标识的进度标签，且随[进度%]数值变化即时响应。

三、嵌入交互式甘特图组件（需启用高级视图权限）

该方法调用CodaAI最新甘特图插件，将任务表中的“开始日期”“截止日期”“依赖关系”三列结构化解析为时间轴图形，并支持拖拽调整时间范围，实现真正的进度追踪交互。

1、在文档空白处点击“+ 添加块”，搜索并插入“甘特图”组件。

2、在组件设置中，“任务源”选择当前任务表，“开始日期列”指定为“计划开始日”，“截止日期列”指定为“截止日期”，“标题列”指定为“任务名称”。

3、开启“显示依赖线”，并在任务表中新增“前置任务”列，填入其他任务名称（如“需求评审”），系统将自动绘制箭头连接线。

4、鼠标悬浮甘特条时显示完整任务信息，拖动条形末端可直接修改截止日期，改动将同步回原表格对应单元格。

四、通过按钮触发进度批量更新与图表联动

该方法创建一个可点击的“一键同步”按钮，运行自定义动作脚本，将筛选出的多行任务进度统一提升，并强制刷新绑定的图表视图，避免逐行操作。

1、在任务表上方添加一个按钮块，命名为“批量推进至下一阶段”。

2、编辑按钮动作，选择“运行公式”，输入：ModifyRows(Filter(本表, [状态]="待评审"), [状态], "已通过", [进度%], [进度%]+20)

3、在动作末尾追加RefreshView("图表视图名称")，确保图表视图强制重载。

4、点击按钮后，所有标记为“待评审”的行将状态变更、进度值增加20%，且图表视图立即呈现新分布形态，无需手动刷新页面。