JBrowse使用说明:如何配置track分面搜索选择器

简介: 但JBrowse要展示数据达到一定量级之后,如何方便管理这些track就成了一个问题,JBrowse支持三种track选择器:JBrowse/View/TrackList/Simple:已经作古的选择方法JBrowse/View/TrackLis...

但JBrowse要展示数据达到一定量级之后,如何方便管理这些track就成了一个问题,JBrowse支持三种track选择器:

  • JBrowse/View/TrackList/Simple:已经作古的选择方法
  • JBrowse/View/TrackList/Hierarchical:默认通过勾选的方法选择需要展示的track
  • JBrowse/View/TrackList/Faceted:本文要介绍的分面搜索选择器(Track faceted track selector),如下图所示
img_ed36418e601baa4b384e5f887795f76f.png
faceted track selector

如何配置

请先修改JBrowse根目录下的“jbrowse.conf”文件成下图形式

img_d0e55f17c3d2a64ce9063c09a797c84a.png
jbrowse.conf

然后新增一个bigwig track,之后以这个track为例进行讲解

bin/add-bw-track.pl --label 2cell --bw_url data/test.bw

方法1

data/trackList.json进行修改,主要是增加“metadata"行

img_b20b367313cbeab2ce5e086e773746f2.png
修改前
img_71f216557549296d77ec283c35decb6e.png
修改后

于是就在分面器中就会根据metadata里信息对数据智能归类

img_19c1ba0107e050a8280774d5e879faad.png
选项

这样手工增加metadata实在是太浪费时间了, 所以JBrowse还还有一种比较快捷的方式

方法2

JBrowse支持csv格式加载metadata。首先修改jbrowse下的"jbrowse.conf"如下项,这样jbrowse就会从data/trackMetadata.csv中加载信息。

img_8f2aef7566a8f98b3f00132f5a78c0f1.png
image.png

随后,我们将原来的已有数据导出成csv格式便于修改

这里的jq需要去https://stedolan.github.io/jq下载安装。

cat trackList.json| jq -r '.tracks[] | [.label,.key] | @csv' > trackMetadata.csv

生成的csv文件可以下载到本地,用Excel进行调整,调成完成后覆盖原文件就行了,例如下面这个情况

img_24775d78bc1c39c74b03f826e9125015.png
CSV文件

推荐阅读:http://jbrowse.org/docs/track_metadata.html

目录
相关文章
|
6月前
|
JavaScript
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
|
JavaScript 数据格式
10jqGrid - 搜索操作
10jqGrid - 搜索操作
48 0
|
JavaScript 前端开发 Java
65jqGrid - 搜索中验证数据
65jqGrid - 搜索中验证数据
45 0
|
缓存 前端开发 JavaScript
React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发
在日常开发中,特别是内部使用的后台系统时,我们常常会需要用表格来展示数据,同时提供一些操作用于操作表格内的数据。简单的表格直接用原生 HTML table 就好,但如果要在 React 中实现一个功能丰富的表格,其实是非常不容易的。在本站之前的文章《最好的 6 个 React Table 组件详细亲测推荐》 中有提到过 react-table 这个库,如果对这个库不太了解的同学可以先了解一下,这里不再赘述。简而言之,react-table 是一个非常强大的库,它与常见的表格组件不同,它不负责渲染 HTML 和 CSS,而是提供了一系列的 hooks 让我们可以灵活地构建功能强大的表格组件。
1325 0
|
JavaScript 算法 前端开发
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
826 0
|
前端开发 API 定位技术
【百度地图API】如何使用suggestion--下拉列表方式的搜索建议
原文:【百度地图API】如何使用suggestion--下拉列表方式的搜索建议 摘要:   百度地图上有一个很强大的搜索建议功能,以下拉列表的方式展示出来。比如,输入“百度”,下拉列表中就会出现“北京市海淀区百度在线网络技术(北京)有限公司”。
2359 0
|
5月前
|
JavaScript 前端开发
JS如何配合input框实现模糊搜索
JS如何配合input框实现模糊搜索
163 2
文本,vitepress代码风格配置和序号配置,第几行到第几行出现高亮显示,最上方图标出现 ,网页排序出现博客,vitepress如何默认折叠效果
文本,vitepress代码风格配置和序号配置,第几行到第几行出现高亮显示,最上方图标出现 ,网页排序出现博客,vitepress如何默认折叠效果
|
6月前
|
JavaScript
filter来实现模糊搜索的功能-很有用!
filter来实现模糊搜索的功能-很有用!
|
PHP
漏刻有时采用php常用get提交搜索关键词的注意事项
漏刻有时采用php常用get提交搜索关键词的注意事项
58 0