Reactome的Fireworks JS小部件是一个普通JavaScript API中的路径概述查看器。它是为了被第三方资源重用,以便在他们的网页上直接显示Reactome路径概览,使用户能够与他们进行交互。
Reusing Reactome's Pathways Overview Widget?
要重用我们的查看器,您需要遵循以下步骤
1.在你的HTML头文件中包含烟花javascript依赖项
2.在你的网页主体中添加一个占位符
< div id = " fireworksHolder " > < / div >
3.在服务器的“/reactome”下设置一个指向“//www.joaskin.com”的代理
4.从你的javascript代码创建和初始化路径概述
//创建Reactome路径概述小部件函数onReactomeFireworksReady();创建({"placeHolder": " fireworkholder ", "width": 930, "height": 500});//添加不同的监听器。onfireworkloaded (function (loaded) {console.info(" loaded ", loaded);});焰火。onnodehoved (function (hoved){console.info(" hoved ", hoved);});焰火。onNodeSelected(function (selected){console.info(" selected ", selected);}); }
FireworksJs API
当前的实现支持以下监听器和方法:
方法 | 参数个数 | 描述 |
---|---|---|
创建::构造函数 Reactome.Fireworks.create (params); |
参数:: json对象 { “proxyPrefix”:字符串, “占位符”:字符串, 'width': int(可选), 'height': int(可选) } |
创建并返回一个新的Reactome。烟花对象 |
flagItems(字符串标识符)::空白 | 项标识符 标识符:字符串 |
标记找到标识符的路径。它接受主要标识符,但也交叉参考,基因名称和物理实体稳定标识符 |
highlightNode(他)::空白 | 稳定项标识符 他:字符串 |
如果指定项存在于焰火中,则突出显示该项 |
resetAnalysis ()::空白 | 重置分析覆盖 | |
resetHighlight ()::空白 | 清除烟花的亮点 | |
resetSelection ()::空白 | 清除烟花中的选择 | |
调整大小(宽度、高度)::空白 | 宽度:int 高度:int |
将视口调整为指定的大小和高度 |
selectNode(他)::空白 | 稳定项标识符 他:字符串 |
选择烟花中存在的指定项目 |
setAnalysisToken(令牌、资源)::空白 | 分析令牌 令牌:字符串 资源 资源:字符串 |
覆盖与指定(令牌、资源)相对应的分析结果 |
showAll ()::空白 | 显示视口中的所有路径 | |
onNodesFlaggedReset(函数())::空白 | 函数不接收参数 | 当用户重置标记项时,将调用该函数 |
onNodeSelected(函数(obj))::空白 | obj选择项目: { “他”:字符串, “displayName”:字符串, “schemaClass”:字符串, } |
当用户操作选择烟花中的对象时,将调用该函数 |
onNodeHovered(函数(obj))::空白 | obj是在单品: { “他”:字符串, “displayName”:字符串, “schemaClass”:字符串, } |
当用户操作将焰火中的对象悬停时,将调用该函数 |
onFireworksLoaded(函数(id))::空白 | 烟花中装载物种的db标识符 id:字符串 |
该函数在查看器中加载烟花时调用 |
onAnalysisReset(函数())::空白 | 函数不接收参数 | 当用户重置分析覆盖时调用该函数 onanalysisreset (function(){/*你的代码这里*/}); |
onCanvasNotSupported(函数())::空白 | 函数不接收参数。 | 当浏览器不支持HTML5 Canvas时调用该函数,因此无法实例化查看器 oncanvasnotsupported (function(){/*你的代码这里*/}); |