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(函数(){/*此处的代码*/});