数据故事工作室里用户增长趋势、区域贡献结构和季度预测都已经画好了。把三张图按创建顺序排列并不一定是一个故事预测页可能依赖前面解释过的区域拆分读者却可以直接跳过去看到结论却不知道依据。我把每一页当成叙事节点节点除了引用图表还声明进入条件和下一步分支。编辑区允许调整顺序预览区只沿着合法边跳转。图表和叙事节点不是同一个对象exportinterfaceChartAsset{id:stringtitle:stringtype:line|bar|donut|areadataRevision:number}exportinterfaceStoryNode{id:stringchartId:stringheadline:stringbody:stringrequiresNodeIds:string[]nextNodeIds:string[]}exportinterfaceStoryState{currentNodeId:stringvisitedNodeIds:string[]}同一张图可以被不同节点引用第一次用于说明趋势第二次用于和预测叠加。节点拥有文案与关系图表只负责数据表达。编辑时先防止关系成环如果 A 依赖 B、B 又依赖 A预览永远找不到起点。新增边前检测目标是否已经能回到起点。exportfunctionreaches(nodes:StoryNode[],fromId:string,targetId:string):boolean{constvisitednewSetstring()constwalk(id:string):boolean{if(idtargetId)returntrueif(visited.has(id))returnfalsevisited.add(id)constnodenodes.find((item:StoryNode)item.idid)returnnode?node.nextNodeIds.some(walk):false}returnwalk(fromId)}exportfunctioncanLink(nodes:StoryNode[],fromId:string,toId:string):boolean{returnfromId!toId!reaches(nodes,toId,fromId)}编辑器拒绝成环关系时保留用户当前的节点选择并提示是哪条边冲突不把整张故事图重置。预览只进入条件满足的节点exportfunctioncanEnter(state:StoryState,node:StoryNode):boolean{returnnode.requiresNodeIds.every((id:string)state.visitedNodeIds.includes(id))}exportfunctionmoveTo(state:StoryState,nodes:StoryNode[],nextId:string):StoryState{constnextnodes.find((item:StoryNode)item.idnextId)if(!next||!canEnter(state,next))returnstateconstvisitedstate.visitedNodeIds.includes(nextId)?state.visitedNodeIds:[...state.visitedNodeIds,nextId]return{currentNodeId:nextId,visitedNodeIds:visited}}读者在预览里点击“查看预测”时若还没有经过“区域贡献结构”页面展示该节点的摘要入口而不是空白跳转。数据更新后标记受影响节点季度预测使用的数据字段变了引用它的节点不能继续显示“已确认”。节点记录图表版本预览前检查引用版本。exportinterfaceNodeBinding{nodeId:stringchartId:stringchartRevision:number}exportfunctionisStale(binding:NodeBinding,chart:ChartAsset):boolean{returnbinding.chartIdchart.idbinding.chartRevision!chart.dataRevision}数据更新后编辑器把受影响节点标为“待复核”文案不会被自动改写。用户确认新数据仍支持原结论再更新绑定版本。故事结构、图表关系和预览进度分开后拖动图表卡片只影响编辑排版不会把阅读路径弄乱。后续接入真实数据源时每次更新只需提升dataRevision叙事节点就能明确指出哪些结论需要重新检查。
数据故事工作室里用户增长趋势、区域贡献结构和季度预测都已经画好了。把三张图按创建顺序排列并不一定是一个故事预测页可能依赖前面解释过的区域拆分读者却可以直接跳过去看到结论却不知道依据。我把每一页当成叙事节点节点除了引用图表还声明进入条件和下一步分支。编辑区允许调整顺序预览区只沿着合法边跳转。图表和叙事节点不是同一个对象exportinterfaceChartAsset{id:stringtitle:stringtype:line|bar|donut|areadataRevision:number}exportinterfaceStoryNode{id:stringchartId:stringheadline:stringbody:stringrequiresNodeIds:string[]nextNodeIds:string[]}exportinterfaceStoryState{currentNodeId:stringvisitedNodeIds:string[]}同一张图可以被不同节点引用第一次用于说明趋势第二次用于和预测叠加。节点拥有文案与关系图表只负责数据表达。编辑时先防止关系成环如果 A 依赖 B、B 又依赖 A预览永远找不到起点。新增边前检测目标是否已经能回到起点。exportfunctionreaches(nodes:StoryNode[],fromId:string,targetId:string):boolean{constvisitednewSetstring()constwalk(id:string):boolean{if(idtargetId)returntrueif(visited.has(id))returnfalsevisited.add(id)constnodenodes.find((item:StoryNode)item.idid)returnnode?node.nextNodeIds.some(walk):false}returnwalk(fromId)}exportfunctioncanLink(nodes:StoryNode[],fromId:string,toId:string):boolean{returnfromId!toId!reaches(nodes,toId,fromId)}编辑器拒绝成环关系时保留用户当前的节点选择并提示是哪条边冲突不把整张故事图重置。预览只进入条件满足的节点exportfunctioncanEnter(state:StoryState,node:StoryNode):boolean{returnnode.requiresNodeIds.every((id:string)state.visitedNodeIds.includes(id))}exportfunctionmoveTo(state:StoryState,nodes:StoryNode[],nextId:string):StoryState{constnextnodes.find((item:StoryNode)item.idnextId)if(!next||!canEnter(state,next))returnstateconstvisitedstate.visitedNodeIds.includes(nextId)?state.visitedNodeIds:[...state.visitedNodeIds,nextId]return{currentNodeId:nextId,visitedNodeIds:visited}}读者在预览里点击“查看预测”时若还没有经过“区域贡献结构”页面展示该节点的摘要入口而不是空白跳转。数据更新后标记受影响节点季度预测使用的数据字段变了引用它的节点不能继续显示“已确认”。节点记录图表版本预览前检查引用版本。exportinterfaceNodeBinding{nodeId:stringchartId:stringchartRevision:number}exportfunctionisStale(binding:NodeBinding,chart:ChartAsset):boolean{returnbinding.chartIdchart.idbinding.chartRevision!chart.dataRevision}数据更新后编辑器把受影响节点标为“待复核”文案不会被自动改写。用户确认新数据仍支持原结论再更新绑定版本。故事结构、图表关系和预览进度分开后拖动图表卡片只影响编辑排版不会把阅读路径弄乱。后续接入真实数据源时每次更新只需提升dataRevision叙事节点就能明确指出哪些结论需要重新检查。
