Reactome的DiagramJs小部件是我们在普通JavaScript API中的图表查看器。它旨在被第三方资源重用,以便直接在其网页中显示Reactome路径图,并允许用户与之交互。
重用Reactome的图表小部件?
要重用我们的查看器,您需要遵循以下步骤
1.在HTML标题中包含图表javascript依赖项
2.在网页正文中添加占位符
3.从javascript代码创建并初始化图表查看器
//创建Reactome图表小部件//考虑需要在服务器端设置一个代理,指向www.Reactome.org函数onReactomeDiagramReady(){//当小部件代码准备好使用时,会自动调用此函数var Diagram=Reactome.Diagram.create({“占位符”):“diagramHolder”,“width”:950,//最小建议宽度“高度”:500});//将其初始化为“止血”路径图。loadDiagram(“R-HSA-109582”);//添加不同的侦听器图。onDiagramLoaded(函数(loaded){console.info(“loaded”,loaded);diagram.flagItems(“FYN”);
如果(加载==“R-HSA-109582”)图表。选择项(“R-HSA-109582”);
});
图.OnObject悬停(函数悬停){
控制台信息(“悬停”,悬停);
});
图表.OnObject selected(功能(已选){
控制台信息(“已选择”,已选择);
});
}
DiagramJSAPI
当前实现支持以下侦听器和方法:
方法 | Params | 描述 |
---|---|---|
创造::构造函数 Reactome.Diagram.create(参数); |
param::json对象 { “proxyPrefix”:字符串, “占位符”:字符串, “宽度”:int(可选), “高度”:int(可选) } |
创建并返回一个新的Reactome.Diagram对象 |
负荷图(stId)::无效 | 路径稳定标识符 性病:字符串 |
加载指定的路径 |
旗标项目(术语)::无效 | 实体标识符(基因名称) 学期:字符串 |
标记与“术语”匹配的所有实体 |
高亮项目(stId)::无效 | 项目稳定标识符 性病:字符串 |
高亮显示图表中存在的指定项 |
重置分析()::无效 | 重置分析覆盖 | |
resetFlaggedItems()::无效 | 重置标记的项目 | |
重置突出显示()::无效 | 清除图表中的突出显示 | |
重置选择()::无效 | 清除图表中的选择 | |
调整大小(宽度、高度)::无效 | 寡妇:int 高度:int |
将视口调整为指定的宽度和高度 |
选择项目(stId)::无效 | 项目稳定标识符 性病:字符串 |
如果图表中存在指定项,则选择该项 |
setAnalysisToken(令牌、资源)::无效 | 分析令牌 代币:字符串 资源 资源:字符串 |
覆盖与指定(令牌、资源)对应的分析结果 |
onObjectSelected(功能(obj))::无效 | obj所选项目: { “stId”:字符串, “displayName”:字符串, “schemaClass”:字符串, “标识符”:字符串(可选), “geneNames”:数组<字符串>(可选) } |
当用户操作选择图表中的对象时,将调用该函数 |
OnObject悬停(函数(obj))::无效 | obj是悬停项: { “stId”:字符串, “displayName”:字符串, “schemaClass”:字符串, “标识符”:字符串(可选), “geneNames”:数组<字符串>(可选) } |
当用户操作悬停关系图中的对象时,将调用该函数 |
onDiagramLoaded(功能(stId))::无效 | 已加载关系图的稳定标识符 性病:字符串 |
在查看器中加载图表时调用该函数 |
onFlagsReset(函数())::无效 | 该函数不接收任何参数 | 当用户操作重置标记的项时,调用该函数 |
onAnalysisReset(函数())::无效 | 该函数不接收任何参数 | 当用户重置分析覆盖时调用该函数 onAnalysisReset(函数(){/*此处的代码*/}); |
onCanvasNotSupported(函数())::无效 | 该函数不接收任何参数。 | 当浏览器不支持HTML5画布,因此无法实例化查看器时,将调用该函数 onCanvasNotSupported(函数(){/*此处的代码*/}); |