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(){/*你的代码这里*/}); |