优点!
我有一个可视化项目,将生物数据呈现到画布图表中,在其中我使用名为jgv.js(doc API)的 javascritp 框架来生成画布。
这是一个简单的配置演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>IGV Data Vis</title>
<link rel="stylesheet" href="source/jquery-ui.css">
<link rel="stylesheet" href="source/font-awesome.min.css">
<link rel="stylesheet" href="source/igv-1.0.1.css">
<script src="source/jquery.min.js"></script>
<script src="source/jquery-ui.min.js"></script>
<script src="source/igv-1.0.1.js"></script>
</head>
<body>
<div id="container"></div>
<script>
let options = {
palette: ["#00A0B0", "#6A4A3C", "#CC333F", "#EB6841"],
locus: "7:55,085,725-55,276,031",
reference: {
id: "hg19",
fastaURL: "//igv.broadinstitute.org/genomes/seq/1kg_v37/human_g1k_v37_decoy.fasta",
cytobandURL: "//igv.broadinstitute.org/genomes/seq/b37/b37_cytoband.txt"
},
trackDefaults: {
bam: {
coverageThreshold: 0.2,
coverageQualityWeight: true
}
},
tracks: [
{
name: "Genes",
url: "//igv.broadinstitute.org/annotations/hg19/genes/gencode.v18.collapsed.bed",
index: "//igv.broadinstitute.org/annotations/hg19/genes/gencode.v18.collapsed.bed.idx",
displayMode: "EXPANDED",
height: 350,
color: '#ff0000'
}
]
};
let browser = igv.createBrowser(document.getElementById('container'), options);
</script>
</body>
</html>
上面代码中的track项是生物信息的陈述,可以是纯文本文件或二进制文件(*.bam)的形式。
问题是生物文件太大了,我无法直接访问它们,更不用说客户了。如:
那么,是否有任何后端解决方案可以使这些文件可以逐个访问?就像AJAX的方式一样。
任何建议将不胜感激!