Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - b10k.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx
Date: Thu, 01 May 2025 19:14:08 GMT
Content-Type: text/html
Content-Length: 162
Connection: keep-alive
Location: https://b10k.com/
Strict-Transport-Security: max-age=31536000
HTTP Code 301 Moved Permanently
301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://b10k.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx
Date: Thu, 01 May 2025 19:14:09 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
Strict-Transport-Security: max-age=31536000
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: b10k.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html style="font-size: 100px;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EDGE" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="浙江大学" />
<meta name="description" content="浙江大学" />
<title>B10K-Home</title>
<link rel="ico" href="/favicon.png" />
<link href="/static/css/reset.css" rel="stylesheet">
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/animate.min.css">
<link rel="stylesheet" href="/static/css/swiper-bundle.min.css"/>
<link rel="stylesheet" href="/static/css/main.css">
<script src="/static/js/jquery-3.6.1.min.js"></script>
<script src="/static/js/main.js"></script>
<script type="text/javascript" src="/static/js/swiper.animate.min.js"></script>
<script src="/static/js/swiper-bundle.min.js"></script>
<script src="/static/js/wow.min.js"></script>
<style>
.nav_list li a{
font-weight: bold;
}
.layui-fixbar {
position: fixed;
right: 15px;
bottom: 150px!important;
z-index: 999999;
}
.layui-fixbar .layui-fixbar-top {
display: list-item;
font-size: 40px;
}
.layui-fixbar li {
width: 50px;
height: 50px;
line-height: 50px;
margin-bottom: 1px;
text-align: center;
cursor: pointer;
font-size: 30px;
/*background-color: #0b709a;*/
color: #fff;
border:1px solid #0b709a;
border-radius: 50%;
/*opacity: .8;*/
}
.layui-fixbar li img{
width:30px;
height:30px;
margin-top: 8px;
}
body{
font: 12px/1.5 'times', 'Microsoft YaHei'!important;
}
.nei_banenr{
max-height: 171px;
/*max-width: 85%;*/
margin:0 auto;
}
.phone_nav .phone_menu{
position: absolute;
right: 0;
top: 42px;
background: #fff;
width: 100%;
text-align: center;
}
.hide{
display: none;
}
.phone_nav .phone_menu ul>li{
line-height: 50px;
height: 50px;
padding-left: 10px;
}
.Users img {
width: 0.43rem;
margin: 0.1rem;
}
.user-avatar{
cursor: pointer;
}
.user-info{
float: right;
position: absolute;
right:0.2rem;
top: 0.6rem;
width: 2rem;
z-index: 1;
background:#FFF;
}
.user-info li{
height: 0.35rem;
line-height: 0.35rem;
text-align: center;
}
.user-info li:hover{
background: #0b709a;
a{
color: #FFF!important;
}
}
/*.phone_nav .phone_menu ul li:hover{*/
/* background-color:#0b709a;*/
/* color:#fff;*/
/*}*/
</style>
<style type="text/css" media="all">
.result_ul{
display: none;
overflow: auto;
}
.show {
display: block!important;
}
.buttton-result .li{
overflow: auto;
height: 400px;
}
#searchList{
position: absolute;
left: 14%
}
#searchList>ul{
height: 200px;
width:200px;
overflow: hidden;
z-index: 999999;
}
#searchList>ul>li:hover{
background-color:#0b709a;
color:#fff;
}
#searchList>ul>li{
color: #0b709a;
height: 0.3rem;
line-height: 0.3rem;
}
</style>
</head>
<!-- 引入 layui.css -->
<link rel="stylesheet" href="//unpkg.com/[email protected]/dist/css/layui.css">
<!-- 引入 layui.js -->
<script src="//unpkg.com/[email protected]/dist/layui.js"></script>
<body class="childrenBody ">
<div class="top_nav">
<div class="nav_wal">
<a href="/" class="weblogo">
<img src="/static/images/logo.png">
</a>
<div class="nav_list" >
<ul>
<!--<li class="on" >-->
<!-- <a href="/">HOME</a>-->
<!--</li>-->
<li class="on" >
<a href="/">HOME</a>
</li>
<li >
<a href="/index/index/introduction.html">INTRODUCTION</a>
</li>
<li >
<a href="/index/index/technology.html">TECHNOLOGY</a>
</li>
<li >
<a href="/index/index/progress.html">PROGRESS</a>
</li>
<li >
<a href="/index/index/species.html">SPECIES</a>
</li>
<li >
<a href="/index/index/publications.html">PUBLICATIONS</a>
</li>
<li >
<a href="/index/index/comparative.html">BIOMART</a>
</li>
<li >
<a href="/index/index/blast.html">BLAST</a>
</li>
<li >
<a href="/index/index/about.html">ABOUT US</a>
</li>
</ul>
</div>
<a href="/index/home/login.html" class="Login" style="min-width:50px;">Login</a>
</div>
</div>
<div class="phone_nav">
<img src="/static/images/logo.png">
<div class="phone_menu hide">
<ul>
<li class="on" >
<a href="/">HOME</a>
</li>
<li >
<a href="/index/index/introduction.html">INTRODUCTION</a>
</li>
<li >
<a href="/index/index/technology.html">TECHNOLOGY</a>
</li>
<li >
<a href="/index/index/progress.html">PROGRESS</a>
</li>
<li >
<a href="/index/index/species.html">SPECIES</a>
</li>
<li >
<a href="/index/index/publications.html">PUBLICATIONS</a>
</li>
<li >
<a href="/index/index/comparative.html">BIOMART</a>
</li>
<li >
<a href="/index/index/blast.html">BLAST</a>
</li>
<li >
<a href="/index/index/about.html">ABOUT US</a>
</li>
</ul>
<a href="/index/home/login.html" class="Login" style="min-width:50px;display:inline-block!important;">Login</a>
</li>
</ul>
</div>
</div>
<div class="phone-menu"></div>
<div class="close-nav"></div>
<div class="sindex_banenr">
<img src="/static/images/banner1.jpg">
<div class="text">
<div class="wal">
<h3>Bird Genome 10K database</h3>
<a href="/index/index/introduction.html">Read More</a>
<a href="/index/home/register.html" style="color:#fff;">Register Now</a>
</div>
</div>
</div>
<div class="index_maincon">
<div class="Genome_Data_Viewer area_part wal">
<div class="all_ti">
<h3>Genome Data Viewer</h3>
</div>
<div class="main_part">
<div class="left">
<div class="search">
<label>Search for creatures</label>
<form class="mc_scm_form" name="search" action="" type="get">
<div class="mc_msc_box">
<input type="text" name="keyword" placeholder="Species Latin Name" class="mc_msc_input" autocomplete="off">
<button class="mc_msc_submit" type="button">
<img src="/static/images/search.png" alt="">
</button>
</div>
</form>
</div>
<div id="searchList"></div>
<div class="Data_Viewer" id="tree" style="width:790px;height:680px;">
<!--<img src="/static/images/data.png">-->
</div>
</div>
<div class="right">
<h3 style="">Basic information</h3>
<div class="basic_informaition" >
<form class="mc_scm_form" name="search" action="" type="get">
<!--<div class="mc_msc_box">-->
<!-- <input type="text" name="keyword" placeholder="Species name" class="mc_msc_input" autocomplete="off">-->
<!--<button class="mc_msc_submit" type="submit">-->
<!--<img src="/static/images/search.png" alt="">-->
<!--</button>-->
<!--</div>-->
</form>
<div class="result">
<div class="which_one">
<ul>
<li class="on" data-id="0">family</li>
<li data-id="1">genus</li>
<li data-id="2">species</li>
</ul>
</div>
<div class="buttton-result">
<div class="result_ul r1 show">
<div class="li">
</div>
<a href="#" class="read_more">Detailed information</a>
</div>
<div class="result_ul r2">
<div class="li">
</div>
<a href="#" class="read_more">Detailed information</a>
</div>
<div class="result_ul r3">
<div class="li">
</div>
<a href="#" class="read_more">Detailed information</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="blue_bg area_part ">
<div class="wal">
<div class="all_ti ">
<h3>News</h3>
</div>
<div class="News_events">
<ul >
<li>
<a href="https://www.nature.com/articles/s41586-024-07323-1" class="news_list" target="_blank">
<span>02 April 24</span>
<span>Latest breakthrough！ B10K project has published avian's family-level species tree. In this study, the affinities of birds are rearranged, Neornithae were divided into 4 groups, including the newly proposed group ‘elementaves’. New evidence from time estimate studies provides support for the ‘big bang’ scenario. </span>
</a>
</li>
<li>
<a href="https://www.pnas.org/doi/10.1073/pnas.2319506121" class="news_list" target="_blank">
<span>02 April 24</span>
<span>Present genes telling ancient stories —— we have found a 21Mb region of neoavian genomes showing a consistent history for the first divergence among Neoaves circa 65 Mya. </span>
</a>
</li>
<li>
<a href="https://doi.org/10.1093/molbev/msad256" class="news_list" target="_blank">
<span>23 November 23</span>
<span>By comparing historical, prebottleneck (130+ years old) and modern genomes of t he Seychelles paradise flycatcher (Terpsiphone corvina), the study showed a dramatic population size and genetic diversity decline during the inbreed conservation program. Although it escaped extinction, genomic analysis suggests that the species isn’t out of the woods yet. The study was published in Molecular Biology and Evolution on November 23 2023.</span>
</a>
</li>
<li>
<a href="https://doi.org/10.1038/s41559-023-02055-3" class="news_list" target="_blank">
<span>27 April 23</span>
<span>We have identified direct and indirect effects of key traits representing dispersal, reproduction and survival on long-term demographic responses to climate change, thereby highlighting traits most likely to influence population responses to ongoing climate warming. The study was published in Nature Ecology & Evolution on April 27 2023.</span>
</a>
</li>
</ul>
<a href="/index/index/news.html" class="allnew">All news ></a>
</div>
</div>
</div>
<div class="area_part wal">
<div class="all_ti">
<!--<h3>Partners</h3>-->
<!--<h3>Colaborators</h3>-->
</div>
<div class="Partners">
<ul>
</ul>
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8" src="/static/js/echarts.min.js"></script>
<script>
const order_tree = '{"name":"Order","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Passeriformes"},{"name":"Psittaciformes(Parrots)"}]},{"name":"Falconiformes(Falcons)"}]},{"name":"Cariamiformes(Seriemas)"}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Coraciiformes(Bee-eaters)"},{"name":"Piciformes(Woodpeckers)"}]},{"name":"Bucerotiformes(Hornbills)"}]},{"name":"Trogoniformes(Trogoniformes)"}]},{"name":"Leptosomiformes(Cukoo-roller)"}]},{"name":"Coliiformes(Mousebirds)"}]},{"name":"","children":[{"name":"Strigiformes(Owls)"},{"name":"Accipitriformes"}]}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Pelecaniformes"},{"name":"","children":[{"name":"Procellariiformes(Fulmars)"},{"name":"Sphenisciformes(Penguins)"}]}]},{"name":"Gaviiformes(Loons)"}]},{"name":"","children":[{"name":"Phaethontiformes(Tropicbirds)"},{"name":"Eurypygiformes(Sunbitten)"}]}]}]},{"name":"Musophagiformes(Turacos)"}]},{"name":"Caprimulgiformes"}]},{"name":"","children":[{"name":"","children":[{"name":"Charadriiformes(Plovers)"},{"name":"Gruiformes(Cranes)"}]},{"name":"Opisthocomiformes(Hoatzin)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Otidiformes(Bustards)"},{"name":"Musophagiformes(Turacos)"}]},{"name":"Cuculiformes(Cuckoos)"}]},{"name":"","children":[{"name":"","children":[{"name":"Mesitornithiformes(Mesites)"},{"name":"Pterocliformes(Samdhrouse)"}]},{"name":"Columbiformes(Doves)"}]}]}]},{"name":"","children":[{"name":"Phoenicopteriformes(Flamingos)"},{"name":"Podicipediformes(Grebes)"}]}]},{"name":"","children":[{"name":"Galliformes(Landfowl)"},{"name":"Anseriformes(Waterfowl)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Tinamiformes(Tinamous)","children":[]},{"name":"Rheiformes","children":[]}]},{"name":"","children":[{"name":"Casuariiformes","children":[]},{"name":"Apterygiformes","children":[]}]}]},{"name":"Struthioniformes(Ostrich)"}]}]}';
localStorage.setItem('order_tree',order_tree)
$(document).on('click','.which_one li',function(){
$(this).addClass('on').siblings().removeClass('on');
let id = $(this).data('id');
if(id==0){
$('.result_ul.r1').addClass('show').siblings().removeClass('show');
}else if(id==1){
$('.result_ul.r2').addClass('show').siblings().removeClass('show');
}else{
$('.result_ul.r3').addClass('show').siblings().removeClass('show');
}
})
.on('click','.mc_msc_submit',function(){
let url = "/api/home/getnexttree.html";
let name = $('.mc_msc_input').val();
$.ajax({
url:url,
data:{name:name,type:'species'},
type:"get",
success:function(res){
let data = res.data;
// let name = $()
myChart.setOption(
(option = {
tooltip: {
show : false,
trigger: 'item',
triggerOn: 'mousemove'
},
toolbox: {
feature: {
myTool1: {
show: true,
title: 'BACK',
icon: 'image://data:image/png;base64,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',
onclick: function (){
// var echarts = require('echarts');
var chartDom = document.getElementById('tree');
var myChart = echarts.init(chartDom);
var data = '{"name":"Order","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Passeriformes"},{"name":"Psittaciformes(Parrots)"}]},{"name":"Falconiformes(Falcons)"}]},{"name":"Cariamiformes(Seriemas)"}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Coraciiformes(Bee-eaters)"},{"name":"Piciformes(Woodpeckers)"}]},{"name":"Bucerotiformes(Hornbills)"}]},{"name":"Trogoniformes(Trogoniformes)"}]},{"name":"Leptosomiformes(Cukoo-roller)"}]},{"name":"Coliiformes(Mousebirds)"}]},{"name":"","children":[{"name":"Strigiformes(Owls)"},{"name":"Accipitriformes"}]}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Pelecaniformes"},{"name":"","children":[{"name":"Procellariiformes(Fulmars)"},{"name":"Sphenisciformes(Penguins)"}]}]},{"name":"Gaviiformes(Loons)"}]},{"name":"","children":[{"name":"Phaethontiformes(Tropicbirds)"},{"name":"Eurypygiformes(Sunbitten)"}]}]}]},{"name":"Musophagiformes(Turacos)"}]},{"name":"Caprimulgiformes"}]},{"name":"","children":[{"name":"","children":[{"name":"Charadriiformes(Plovers)"},{"name":"Gruiformes(Cranes)"}]},{"name":"Opisthocomiformes(Hoatzin)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Otidiformes(Bustards)"},{"name":"Musophagiformes(Turacos)"}]},{"name":"Cuculiformes(Cuckoos)"}]},{"name":"","children":[{"name":"","children":[{"name":"Mesitornithiformes(Mesites)"},{"name":"Pterocliformes(Samdhrouse)"}]},{"name":"Columbiformes(Doves)"}]}]}]},{"name":"","children":[{"name":"Phoenicopteriformes(Flamingos)"},{"name":"Podicipediformes(Grebes)"}]}]},{"name":"","children":[{"name":"Galliformes(Landfowl)"},{"name":"Anseriformes(Waterfowl)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Tinamiformes(Tinamous)","children":[]},{"name":"Rheiformes","children":[]}]},{"name":"","children":[{"name":"Casuariiformes","children":[]},{"name":"Apterygiformes","children":[]}]}]},{"name":"Struthioniformes(Ostrich)"}]}]}';
data = JSON.parse(data);
// myChart.showLoading();
myChart.setOption(
(option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'left',
verticalAlign: 'middle',
align: 'right',
fontSize: 9
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
}
}
]
})
);
}
}
}
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'top',
verticalAlign: 'middle',
align: 'left',
fontSize: 9,
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left',
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
}
}
]
})
);
// var container = document.getElementById('tree');
// var allNode=0;
// var nodes=myChart._chartsViews[0]._data._graphicEls;
// for(var i=0,count =nodes.length;i<count;i++){
// var node=nodes[i];
// if(node===undefined) continue;
// allNode++;
// }
// var height=window.innerHeight;
// var currentHeight=35*allNode;
// var newWidth=Math.max(currentHeight,height);
// container.style.width = window.innerWidth + 'px';
// container.style.height = newWidth + 'px';
// myChart.resize();
},
error:function(err){
console.log('next tree error',err)
}
});
url = "/api/home/home_basic.html&type=species";
$.ajax({
url:url,
data:{species_name:name},
success:function(res){
let family = res.data.family;
let genus = res.data.genus;
let order = res.data.order;
let species = res.data.species;
let str1 = str2 = '<h4>Order:</h4><p><span class="zi1">'+order+'</span></p><div style="height:40px;"></div><h4>Family:</h4>';
let str3='';
// if(family.length > 0){
// for(var i=0;i<family.length;i++){
// str1 +='<p><span class="zi1">'+family[i]+'</span></p>'
// }
str1 +='<p><span class="zi1">'+family+'</span></p>'
$('.result_ul.r1 .li').html(str1);
$('.result_ul.r1 a').attr('href',"/index/index/species.html?order="+order).html(order);
// }
// if(genus.length >0){
str2+= '<p><span class="zi1">'+family+'</span></p>';
// for(var i=0;i<genus.length;i++){
// str2 +='<p><span class="zi1">'+genus[i]+'</span></p>'
// }
str2 += '<div style="height:40px;"></div><h4>Genus:</h4>'
str2 +='<p><span class="zi1">'+genus+'</span></p>'
$('.result_ul.r2 .li').html(str2);
if(type=='genus'){
$('.result_ul.r2 a').attr('href',"/index/index/species.html?order="+order).html(order+'/'+family);
}else{
$('.result_ul.r2 a').html('');
}
// }
// if(species.length >0){
// for(var i=0;i<species.length;i++){
// str3 +='<p><span class="zi1">'+species[i]+'</span></p>'
// }
str3+='<h4>species name :</h4><p><span class="zi1">'+species.common_name+'</span></p>'
+'<div style="height:40px;"></div><h4>sampling stage:</h4><p><span class="zi1">'+species.stat+'</span></p>'
+'<div style="height:40px;"></div><h4>avaliable samples:</h4><p><span class="zi1">'+species.sample_count+'</span></p>';
$('.result_ul.r3 .li').html(str3);
if(type =='species'){
$('.result_ul.r3 a').attr('href',"/index/index/species.html?order="+order).html(order+'/'+family+'/'+genus);
}else{
$('.result_ul.r3 a').html('');
}
// }
}
});
})
.on('input propertychange','.mc_msc_input',function(){
let name = $(this).val();
if(!name){
alert('please enter keyword!');
return;
}
$.ajax({
url:"/api/home/search_species_name.html",
data:{name,name},
success:function(res){
let list = res.data;
let str = '<ul id="searchList">';
if(list.length==0){
str += '';
}else{
for(let i=0;i<list.length;i++){
str += '<li>'+list[i].species_scientific_name+'</li>';
}
}
str += '</ul>';
$('#searchList').html(str);
},
error:function(err){
}
});
})
.on('click','#searchList ul li',function(){
let name = $(this).text();
$('#searchList').html('');
$('.mc_msc_input').val(name);
$('.mc_msc_submit').click();
})
//树状图
// var echarts = require('echarts');
var chartDom = document.getElementById('tree');
var myChart = echarts.init(chartDom);
var data = '{"name":"Order","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Passeriformes"},{"name":"Psittaciformes(Parrots)"}]},{"name":"Falconiformes(Falcons)"}]},{"name":"Cariamiformes(Seriemas)"}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Coraciiformes(Bee-eaters)"},{"name":"Piciformes(Woodpeckers)"}]},{"name":"Bucerotiformes(Hornbills)"}]},{"name":"Trogoniformes(Trogoniformes)"}]},{"name":"Leptosomiformes(Cukoo-roller)"}]},{"name":"Coliiformes(Mousebirds)"}]},{"name":"","children":[{"name":"Strigiformes(Owls)"},{"name":"Accipitriformes"}]}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Pelecaniformes"},{"name":"","children":[{"name":"Procellariiformes(Fulmars)"},{"name":"Sphenisciformes(Penguins)"}]}]},{"name":"Gaviiformes(Loons)"}]},{"name":"","children":[{"name":"Phaethontiformes(Tropicbirds)"},{"name":"Eurypygiformes(Sunbitten)"}]}]}]},{"name":"Musophagiformes(Turacos)"}]},{"name":"Caprimulgiformes"}]},{"name":"","children":[{"name":"","children":[{"name":"Charadriiformes(Plovers)"},{"name":"Gruiformes(Cranes)"}]},{"name":"Opisthocomiformes(Hoatzin)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Otidiformes(Bustards)"},{"name":"Musophagiformes(Turacos)"}]},{"name":"Cuculiformes(Cuckoos)"}]},{"name":"","children":[{"name":"","children":[{"name":"Mesitornithiformes(Mesites)"},{"name":"Pterocliformes(Samdhrouse)"}]},{"name":"Columbiformes(Doves)"}]}]}]},{"name":"","children":[{"name":"Phoenicopteriformes(Flamingos)"},{"name":"Podicipediformes(Grebes)"}]}]},{"name":"","children":[{"name":"Galliformes(Landfowl)"},{"name":"Anseriformes(Waterfowl)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Tinamiformes(Tinamous)","children":[]},{"name":"Rheiformes","children":[]}]},{"name":"","children":[{"name":"Casuariiformes","children":[]},{"name":"Apterygiformes","children":[]}]}]},{"name":"Struthioniformes(Ostrich)"}]}]}';
data = JSON.parse(data);
// myChart.showLoading();
myChart.setOption(
(option = {
tooltip: {
show : false,
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'top',
// verticalAlign: 'middle',
// align: 'right',
fontSize: 12
},
leaves: {
label: {
position: 'top',
verticalAlign: 'middle',
align: 'center',
fontSize: 12 ,
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
}
}
]
})
);
function charts(params){
if(params.name && typeof params.data.type === 'undefined'){
let nameArr = params.name.split('(');
let order = nameArr[0];
let url = "/api/home/getnexttree.html";
$.ajax({
url:url,
data:{name:order},
async:false,
type:"get",
success:function(res){
let data = res.data
document.getElementById('tree').removeAttribute('_echarts_instance_');
var chartDom = document.getElementById('tree');
var myChart = echarts.init(chartDom);
myChart.setOption(
(option = {
tooltip: {
show : false,
trigger: 'item',
triggerOn: 'mousemove'
},
toolbox: {
feature: {
myTool1: {
show: true,
title: 'BACK',
icon: 'image://data:image/png;base64,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',
onclick: function (){
// var echarts = require('echarts');
var chartDom = document.getElementById('tree');
var myChart = echarts.init(chartDom);
var data = '{"name":"Order","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Passeriformes"},{"name":"Psittaciformes(Parrots)"}]},{"name":"Falconiformes(Falcons)"}]},{"name":"Cariamiformes(Seriemas)"}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Coraciiformes(Bee-eaters)"},{"name":"Piciformes(Woodpeckers)"}]},{"name":"Bucerotiformes(Hornbills)"}]},{"name":"Trogoniformes(Trogoniformes)"}]},{"name":"Leptosomiformes(Cukoo-roller)"}]},{"name":"Coliiformes(Mousebirds)"}]},{"name":"","children":[{"name":"Strigiformes(Owls)"},{"name":"Accipitriformes"}]}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Pelecaniformes"},{"name":"","children":[{"name":"Procellariiformes(Fulmars)"},{"name":"Sphenisciformes(Penguins)"}]}]},{"name":"Gaviiformes(Loons)"}]},{"name":"","children":[{"name":"Phaethontiformes(Tropicbirds)"},{"name":"Eurypygiformes(Sunbitten)"}]}]}]},{"name":"Musophagiformes(Turacos)"}]},{"name":"Caprimulgiformes"}]},{"name":"","children":[{"name":"","children":[{"name":"Charadriiformes(Plovers)"},{"name":"Gruiformes(Cranes)"}]},{"name":"Opisthocomiformes(Hoatzin)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Otidiformes(Bustards)"},{"name":"Musophagiformes(Turacos)"}]},{"name":"Cuculiformes(Cuckoos)"}]},{"name":"","children":[{"name":"","children":[{"name":"Mesitornithiformes(Mesites)"},{"name":"Pterocliformes(Samdhrouse)"}]},{"name":"Columbiformes(Doves)"}]}]}]},{"name":"","children":[{"name":"Phoenicopteriformes(Flamingos)"},{"name":"Podicipediformes(Grebes)"}]}]},{"name":"","children":[{"name":"Galliformes(Landfowl)"},{"name":"Anseriformes(Waterfowl)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Tinamiformes(Tinamous)","children":[]},{"name":"Rheiformes","children":[]}]},{"name":"","children":[{"name":"Casuariiformes","children":[]},{"name":"Apterygiformes","children":[]}]}]},{"name":"Struthioniformes(Ostrich)"}]}]}';
data = JSON.parse(data);
// myChart.showLoading();
myChart.setOption(
(option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'top',
verticalAlign: 'middle',
align: 'left',
fontSize: 9,
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
}
}
]
})
);
}
}
}
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'top',
verticalAlign: 'middle',
align: 'left',
fontSize: 9,
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
}
}
]
})
);
myChart.on('click',function(params){
if(params.name && typeof params.data.type === 'undefined'){
let nameArr = params.name.split('(');
let order = nameArr[0];
let url = "/api/home/getnexttree.html";
$.ajax({
url:url,
data:{name:order},
async:false,
type:"get",
success:function(res){
let data = res.data
document.getElementById('tree').removeAttribute('_echarts_instance_');
var chartDom = document.getElementById('tree');
var myChart = echarts.init(chartDom);
myChart.setOption(
(option = {
tooltip: {
show : false,
trigger: 'item',
triggerOn: 'mousemove'
},
toolbox: {
feature: {
myTool1: {
show: true,
title: 'BACK',
icon: 'image://data:image/png;base64,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',
onclick: function (){
// var echarts = require('echarts');
document.getElementById('tree').removeAttribute('_echarts_instance_');
var chartDom = document.getElementById('tree');
var myChart = echarts.init(chartDom);
var data = order_tree ? order_tree : localStorage.getItem('order_tree');
data = JSON.parse(data);
// myChart.showLoading();
myChart.setOption(
(option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'top',
verticalAlign: 'middle',
align: 'left',
fontSize: 9,
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
}
}
]
})
);
myChart.on('click',function(params){
charts(params);
})
}
}
}
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'top',
verticalAlign: 'middle',
align: 'left',
fontSize: 9,
},
leaves: {
label: {
position: 'right',
verticalAlign: 'middle',
align: 'left'
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
}
}
]
})
);
// var container = document.getElementById('tree');
// var allNode=0;
// var nodes=myChart._chartsViews[0]._data._graphicEls;
// for(var i=0,count =nodes.length;i<count;i++){
// var node=nodes[i];
// if(node===undefined) continue;
// allNode++;
// }
// var height=window.innerHeight;
// var currentHeight=35*allNode;
// var newWidth=Math.max(currentHeight,height);
// container.style.width = window.innerWidth + 'px';
// container.style.height = newWidth + 'px';
// myChart.resize();
},
error:function(err){
console.log('next tree error',err)
}
});
}else if(typeof params.data.type != 'undefined'){
let id = params.data.id;
// var data1 = '{"name":"Order","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Passeriformes"},{"name":"Psittaciformes(Parrots)"}]},{"name":"Falconiformes(Falcons)"}]},{"name":"Cariamiformes(Seriemas)"}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Coraciiformes(Bee-eaters)"},{"name":"Piciformes(Woodpeckers)"}]},{"name":"Bucerotiformes(Hornbills)"}]},{"name":"Trogoniformes(Trogoniformes)"}]},{"name":"Leptosomiformes(Cukoo-roller)"}]},{"name":"Coliiformes(Mousebirds)"}]},{"name":"","children":[{"name":"Strigiformes(Owls)"},{"name":"Accipitriformes"}]}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Pelecaniformes"},{"name":"","children":[{"name":"Procellariiformes(Fulmars)"},{"name":"Sphenisciformes(Penguins)"}]}]},{"name":"Gaviiformes(Loons)"}]},{"name":"","children":[{"name":"Phaethontiformes(Tropicbirds)"},{"name":"Eurypygiformes(Sunbitten)"}]}]}]},{"name":"Musophagiformes(Turacos)"}]},{"name":"Caprimulgiformes"}]},{"name":"","children":[{"name":"","children":[{"name":"Charadriiformes(Plovers)"},{"name":"Gruiformes(Cranes)"}]},{"name":"Opisthocomiformes(Hoatzin)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Otidiformes(Bustards)"},{"name":"Musophagiformes(Turacos)"}]},{"name":"Cuculiformes(Cuckoos)"}]},{"name":"","children":[{"name":"","children":[{"name":"Mesitornithiformes(Mesites)"},{"name":"Pterocliformes(Samdhrouse)"}]},{"name":"Columbiformes(Doves)"}]}]}]},{"name":"","children":[{"name":"Phoenicopteriformes(Flamingos)"},{"name":"Podicipediformes(Grebes)"}]}]},{"name":"","children":[{"name":"Galliformes(Landfowl)"},{"name":"Anseriformes(Waterfowl)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Tinamiformes(Tinamous)","children":[]},{"name":"Rheiformes","children":[]}]},{"name":"","children":[{"name":"Casuariiformes","children":[]},{"name":"Apterygiformes","children":[]}]}]},{"name":"Struthioniformes(Ostrich)"}]}]}';
let type = params.data.type;
let url = "/api/home/home_basic.html&type="+type;
if(type === 'order'){
myChart.setOption(
(option = {
tooltip: {
show : false,
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'top',
// verticalAlign: 'middle',
// align: 'right',
fontSize: 12
},
leaves: {
label: {
position: 'top',
verticalAlign: 'middle',
align: 'center',
fontSize: 12 ,
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
},
}
]
})
);
// myChart.on('click',function(param){
// console.log(1111,param)
// // param为点击的节点信息 idss为为节点添加的标记 用于获取当前层级或当前节点
// var name = param.data.name;
// var data1 = collapsedChildren(name,data);
// console.log(222,data1);
// option.series[0].data = [data1];
// //performance.clear();
// performance.setOption(option);
// });
}
if(type==='species'){
$.ajax({
url:url,
data:{id:id},
success:function(res){
let family = res.data.family;
let genus = res.data.genus;
let order = res.data.order;
let species = res.data.species;
let str1 = str2 = '<h4>Order:</h4><p><span class="zi1">'+order+'</span></p><div style="height:40px;"></div><h4>Family:</h4>';
let str3='';
// if(family.length > 0){
// for(var i=0;i<family.length;i++){
// str1 +='<p><span class="zi1">'+family[i]+'</span></p>'
// }
str1 +='<p><span class="zi1">'+family+'</span></p>'
$('.result_ul.r1 .li').html(str1);
$('.result_ul.r1 a').attr('href',"/index/index/species.html?order="+order).html(order);
// }
// if(genus.length >0){
str2+= '<p><span class="zi1">'+family+'</span></p>';
// for(var i=0;i<genus.length;i++){
// str2 +='<p><span class="zi1">'+genus[i]+'</span></p>'
// }
str2 += '<div style="height:40px;"></div><h4>Genus:</h4>'
str2 +='<p><span class="zi1">'+genus+'</span></p>'
$('.result_ul.r2 .li').html(str2);
if(type=='genus'){
$('.result_ul.r2 a').attr('href',"/index/index/species.html?order="+order).html(order+'/'+family);
}else{
$('.result_ul.r2 a').html('');
}
// }
// if(species.length >0){
// for(var i=0;i<species.length;i++){
// str3 +='<p><span class="zi1">'+species[i]+'</span></p>'
// }
str3+='<h4>species common name :</h4><p><span class="zi1">'+species.common_name+'</span></p>'
+'<div style="height:40px;"></div><h4>species latin name:</h4><p><span class="zi1">'+species.latin_name+'</span></p>'
+'<div style="height:40px;"></div><h4>sampling stage:</h4><p><span class="zi1">'+species.stat+'</span></p>'
+'<div style="height:40px;"></div><h4>avaliable samples:</h4><p><span class="zi1">'+species.sample_count+'</span></p>';
$('.result_ul.r3 .li').html(str3);
if(type =='species'){
$('.result_ul.r3 a').attr('href',"/index/index/species.html?order="+species.order+'&family='+species.family+'&genus='+species.genus+'&latin_name='+species.latin_name).html(order+'/'+family+'/'+genus);
}else{
$('.result_ul.r3 a').html('');
}
// }
}
});
}
}
})
// var container = document.getElementById('tree');
// var allNode=0;
// var nodes=myChart._chartsViews[0]._data._graphicEls;
// for(var i=0,count =nodes.length;i<count;i++){
// var node=nodes[i];
// if(node===undefined) continue;
// allNode++;
// }
// var height=window.innerHeight;
// var currentHeight=35*allNode;
// var newWidth=Math.max(currentHeight,height);
// container.style.width = window.innerWidth + 'px';
// container.style.height = newWidth + 'px';
// myChart.resize();
},
error:function(err){
console.log('next tree error',err)
}
});
}else if(typeof params.data.type != 'undefined'){
let id = params.data.id;
// var data1 = '{"name":"Order","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Passeriformes"},{"name":"Psittaciformes(Parrots)"}]},{"name":"Falconiformes(Falcons)"}]},{"name":"Cariamiformes(Seriemas)"}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Coraciiformes(Bee-eaters)"},{"name":"Piciformes(Woodpeckers)"}]},{"name":"Bucerotiformes(Hornbills)"}]},{"name":"Trogoniformes(Trogoniformes)"}]},{"name":"Leptosomiformes(Cukoo-roller)"}]},{"name":"Coliiformes(Mousebirds)"}]},{"name":"","children":[{"name":"Strigiformes(Owls)"},{"name":"Accipitriformes"}]}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Pelecaniformes"},{"name":"","children":[{"name":"Procellariiformes(Fulmars)"},{"name":"Sphenisciformes(Penguins)"}]}]},{"name":"Gaviiformes(Loons)"}]},{"name":"","children":[{"name":"Phaethontiformes(Tropicbirds)"},{"name":"Eurypygiformes(Sunbitten)"}]}]}]},{"name":"Musophagiformes(Turacos)"}]},{"name":"Caprimulgiformes"}]},{"name":"","children":[{"name":"","children":[{"name":"Charadriiformes(Plovers)"},{"name":"Gruiformes(Cranes)"}]},{"name":"Opisthocomiformes(Hoatzin)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Otidiformes(Bustards)"},{"name":"Musophagiformes(Turacos)"}]},{"name":"Cuculiformes(Cuckoos)"}]},{"name":"","children":[{"name":"","children":[{"name":"Mesitornithiformes(Mesites)"},{"name":"Pterocliformes(Samdhrouse)"}]},{"name":"Columbiformes(Doves)"}]}]}]},{"name":"","children":[{"name":"Phoenicopteriformes(Flamingos)"},{"name":"Podicipediformes(Grebes)"}]}]},{"name":"","children":[{"name":"Galliformes(Landfowl)"},{"name":"Anseriformes(Waterfowl)"}]}]},{"name":"","children":[{"name":"","children":[{"name":"","children":[{"name":"Tinamiformes(Tinamous)","children":[]},{"name":"Rheiformes","children":[]}]},{"name":"","children":[{"name":"Casuariiformes","children":[]},{"name":"Apterygiformes","children":[]}]}]},{"name":"Struthioniformes(Ostrich)"}]}]}';
let type = params.data.type;
let url = "/api/home/home_basic.html&type="+type;
if(type === 'order'){
myChart.setOption(
(option = {
tooltip: {
show : false,
trigger: 'item',
triggerOn: 'mousemove'
},
series: [
{
type: 'tree',
data: [data],
top: '1%',
left: '7%',
bottom: '1%',
right: '20%',
symbolSize: 20,
label: {
position: 'top',
// verticalAlign: 'middle',
// align: 'right',
fontSize: 12
},
leaves: {
label: {
position: 'top',
verticalAlign: 'middle',
align: 'center',
fontSize: 12 ,
}
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
initialTreeDepth:5,
lineStyle:{
color:'#0b709a',
width:2,
curveness:0.5
},
}
]
})
);
// myChart.on('click',function(param){
// console.log(1111,param)
// // param为点击的节点信息 idss为为节点添加的标记 用于获取当前层级或当前节点
// var name = param.data.name;
// var data1 = collapsedChildren(name,data);
// console.log(222,data1);
// option.series[0].data = [data1];
// //performance.clear();
// performance.setOption(option);
// });
}
if(type==='species'){
$.ajax({
url:url,
data:{id:id},
success:function(res){
let family = res.data.family;
let genus = res.data.genus;
let order = res.data.order;
let species = res.data.species;
let str1 = str2 = '<h4>Order:</h4><p><span class="zi1">'+order+'</span></p><div style="height:40px;"></div><h4>Family:</h4>';
let str3='';
// if(family.length > 0){
// for(var i=0;i<family.length;i++){
// str1 +='<p><span class="zi1">'+family[i]+'</span></p>'
// }
str1 +='<p><span class="zi1">'+family+'</span></p>'
$('.result_ul.r1 .li').html(str1);
$('.result_ul.r1 a').attr('href',"/index/index/species.html?order="+order).html(order);
// }
// if(genus.length >0){
str2+= '<p><span class="zi1">'+family+'</span></p>';
// for(var i=0;i<genus.length;i++){
// str2 +='<p><span class="zi1">'+genus[i]+'</span></p>'
// }
str2 += '<div style="height:40px;"></div><h4>Genus:</h4>'
str2 +='<p><span class="zi1">'+genus+'</span></p>'
$('.result_ul.r2 .li').html(str2);
if(type=='genus'){
$('.result_ul.r2 a').attr('href',"/index/index/species.html?order="+order).html(order+'/'+family);
}else{
$('.result_ul.r2 a').html('');
}
// }
// if(species.length >0){
// for(var i=0;i<species.length;i++){
// str3 +='<p><span class="zi1">'+species[i]+'</span></p>'
// }
str3+='<h4>species common name :</h4><p><span class="zi1">'+species.common_name+'</span></p>'
+'<div style="height:40px;"></div><h4>species latin name:</h4><p><span class="zi1">'+species.latin_name+'</span></p>'
+'<div style="height:40px;"></div><h4>sampling stage:</h4><p><span class="zi1">'+species.stat+'</span></p>'
+'<div style="height:40px;"></div><h4>avaliable samples:</h4><p><span class="zi1">'+species.sample_count+'</span></p>';
$('.result_ul.r3 .li').html(str3);
if(type =='species'){
$('.result_ul.r3 a').attr('href',"/index/index/species.html?order="+species.order+'&family='+species.family+'&genus='+species.genus+'&latin_name='+species.latin_name).html(order+'/'+family+'/'+genus);
}else{
$('.result_ul.r3 a').html('');
}
// }
}
});
}
}
}
myChart.on('click',function(params){
console.log(111111,params)
charts(params);
})
//收缩同级的子级节点
var collapsedChildren = function(name,data){
//通过 collapsed 属性控制节点收缩
console.log(4444,data)
var children = data.children;
for(var i in children){
//当前点击的节点展开 其余节点收缩
if(children[i].name == name){
children[i].collapsed = false;
}else{
children[i].collapsed = true;
}
}
return data;
};
// //主要就是这里
// var container = document.getElementById('tree');
// var allNode = 0;
// var nodes = myChart._chartsViews[0]._data._graphicEls;
// console.log(nodes);
// for (var i = 0, count = nodes.length; i < count; i++) {
// var node = nodes[i];
// if (node === undefined)
// continue;
// allNode++;
// }
// var height = window.innerHeight;
// var currentHeight = 35 * allNode;
// var newWidth = Math.max(currentHeight, height);
// container.style.width = window.innerWidth + 'px';
// container.style.height = newWidth + 'px';
// myChart.resize();
</script>
<!--<div>-->
<!--<a href="javascript:void(0);" id="but">回到顶部</a>-->
<!--</div>-->
<ul class="layui-fixbar">
<li class="layui-icon" id="but" lay-type="top" style="display: list-item;background-color:rgba(0,0,0,0);border-radius:50%;"><img src="/static/images/top.png" style="margin-top:-10px;">
</li>
</ul>
<div class="foot">
<div class="container">
<div class="row">
<!-- About -->
<div class="col-md-3">
<a href="/" target="_Blank"><img id="logo-footer" class="footer-logo" src="/uploads/images/20230403/34bbc17fb413108dc0352aa105d2a686.png" style="padding:10px;max-width:235px;" alt="China National Genebank"></a>
<!--<img id="logo-footer" class="footer-logo" src="assets/img/footer/datacenter.png" height="60" width="203" alt="" />
<br />-->
<p style="padding:5px 15px;font-size:0.9em;">The Bird 10,000 Genomes (B10K) Project is an initiative to generate representative draft genome sequences from all extant bird species. Based on the success of the previous ordinal level project , the project provided the first proof of concept in large-scale sequencing across a vertebrate class and a perspective on such discoveries that these genomes can make. The announcement of the B10K Project was published on 3rd June 2015 in Nature. </p>
</div>
<!-- End About -->
<!-- Latest -->
<div class="col-md-3 md-margin-bottom-40">
<div class="posts">
<div class="headline" style="margin-bottom: 15px;"><h2>Links</h2></div>
<ul class="list-unstyled" style="font-size:0.9em;">
<li style="margin-bottom: 4px;">
<a href="https://www.genomics.cn" title="BGI" target="_blank" style="text-align: center;color:#3498db!important;">
BGI </a>
</li>
<li style="margin-bottom: 4px;">
<a href="http://cngb.org/" title="China National GeneBank" target="_blank" style="text-align: center;color:#3498db!important;">
China National GeneBank </a>
</li>
<li style="margin-bottom: 4px;">
<a href="https://evolution.zju.edu.cn/en/index.html" title="Evolutionary & Organismal Biology Research Center" target="_blank" style="text-align: center;color:#3498db!important;">
Evolutionary & Organismal Biology Research Center </a>
</li>
</ul>
</div>
</div><!--/col-md-3-->
<!-- End Latest -->
<!-- Link List -->
<div class="col-md-3 md-margin-bottom-40">
<div class="headline" style="margin-bottom: 15px;"><h2>Database List</h2></div>
<ul class="list-unstyled" style="font-size:0.9em; width: 50%;float:left;">
<li style="margin-bottom: 4px;"><a href="http://1kite.org/" target="_Blank" style="color:#3498db!important;">1KITE Project</a></li>
<li style="margin-bottom: 4px;"><a href="https://db.cngb.org/onekp/" target="_Blank" style="color:#3498db!important;">Blast for 1000 Plants</a></li>
<li style="margin-bottom: 4px;"><a href="http://b10k.genomics.cn" target="_Blank" style="color:#3498db!important;">B10K Database</a></li>
<li style="margin-bottom: 4px;"><a href="https://db.cngb.org/fisht1k/" target="_Blank" style="color:#3498db!important;">Fish-T1K</a></li>
<li style="margin-bottom: 4px;"><a href="http://db.cngb.org/millet/" target="_Blank" style="color:#3498db!important;">Millet Database</a></li>
<li style="margin-bottom: 4px;"><a href="http://db.cngb.org/pird" target="_Blank" style="color:#3498db!important;">PIRD</a></li>
</ul>
<ul class="list-unstyled" style="font-size:0.9em; width: 50%;float:left;">
<li style="margin-bottom: 4px;"><a href="http://db.cngb.org/hmd" target="_Blank" style="color:#3498db!important;">HMD</a></li>
<li style="margin-bottom: 4px;"><a href="https://genome.zju.edu.cn/" target="_Blank" style="color:#3498db!important;">CRGD</a></li>
<li style="margin-bottom: 4px;"><a href="http://db.cngb.org/dissect" target="_Blank" style="color:#3498db!important;">DISSECT</a></li>
<li style="margin-bottom: 4px;"><a href="http://db.cngb.org/birth" target="_Blank" style="color:#3498db!important;">Birth Defect</a></li>
</ul>
</div><!--/col-md-3-->
<!-- End Link List -->
<!-- Address -->
<div class="col-md-3 map-img md-margin-bottom-40">
<div class="headline" style="margin-bottom: 15px;"><h2>Website technical support</h2></div>
<address class="margin-bottom-10" style="font-size:0.9em;line-height:0.20rem;">
866 Yuhangtang Rd, Hangzhou 310058, P.R. China.<br>
Phone: 0571882087071 <br>
Fax: +86-0755-2527 3050 <br>
Mail: <a href="mailto:[email protected]" style="color:#3498db!important;" class="">[email protected]</a>
</address>
<p style="font-size:0.9em;"><i class="fa fa-info-circle"></i> See <a href="about.html" style="color:#3498db!important;">About us</a> page for contact info of B10K project organizers</p>
</div><!--/col-md-3-->
<!-- End Address -->
</div>
</div>
</div>
</body>
<script type="text/javascript">
$('#but').click(function(){
$("html,body").animate({scrollTop:0},500);
})
$('.Users').mouseover(function(){
$('.user-info').show();
}).mouseout(function(){
$('.user-info').hide();
})
$('.phone-menu').click(function(){
if($('.phone_menu').hasClass('hide')){
$('.phone_menu').removeClass('hide');
}else{
$('.phone_menu').addClass('hide');
}
})
</script>
</html>
Whois info of domain
Domain Name: B10K.COM
Registry Domain ID: 2251483473_DOMAIN_COM-VRSN
Registrar WHOIS Server: grs-whois.hichina.com
Registrar URL: http://wanwang.aliyun.com
Updated Date: 2025-03-14T03:45:48Z
Creation Date: 2018-04-12T18:36:04Z
Registry Expiry Date: 2030-04-12T18:36:04Z
Registrar: Alibaba Cloud Computing Ltd. d/b/a HiChina (www.net.cn)
Registrar IANA ID: 1599
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +86.95187
Domain Status: ok https://icann.org/epp#ok
Name Server: DNS31.HICHINA.COM
Name Server: DNS32.HICHINA.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-01T19:13:54Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass