<!DOCTYPE html>
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
|
<link rel="stylesheet" th:href="@{/histogram/colorbox.css}"/>
|
<script th:src="@{/histogram/jquery.js}"></script>
|
<script th:src="@{/histogram/scroll.jquery.js}"></script>
|
<script th:src="@{/histogram/jquery.actual.min.js}"></script>
|
<script th:src="@{/histogram/domtoimage.js}"></script>
|
|
<style type="text/css">
|
*{padding:0;margin:0}
|
html{text-align:center;}
|
body{width:100%;margin:0 auto;font-family:trebuchet ms;text-align:left;margin-top:10px; background-color:#fff; overflow-x: scroll;}
|
li{list-style:none;}
|
.loading{text-align:center;background-color: #e4e6e9}
|
.depthDiv{min-height:800px;}
|
.paddingLR0{padding-left: 1px;padding-right: 1px}
|
|
.cs_rect {
|
transition:all 1s linear;
|
animation-name:ring;
|
animation-duration:120s;
|
animation-timing-function: linear;
|
animation-iteration-count:infinite;
|
stroke: darkorchid;
|
}
|
.hc_rect {
|
stroke: darkorchid;
|
}
|
.qy_rect {
|
stroke: blue;
|
stroke-dasharray: 10;
|
}
|
.ys_rect {
|
stroke-dasharray: 0;
|
}
|
.ace-thumbnails > li {
|
float: left;
|
display: block;
|
position: relative;
|
overflow: visible;
|
left: 190px;
|
top: 15px;
|
}
|
|
.rid1 {
|
stroke: black;
|
stroke-width: 0.5;
|
opacity: 0.5;
|
}
|
|
.rid2 {
|
stroke: red;
|
stroke-width: 1.5;
|
opacity: 0;
|
}
|
|
.kuai {
|
line-height:16px;
|
font-family:trebuchet ms;
|
font-size:13px;
|
}
|
.provide_height{
|
line-height:16px;
|
font-family:trebuchet ms;
|
font-size:13px;
|
}
|
|
[class^="icon-"], [class*=" icon-"] {
|
display: inline-block;
|
width: 1em;
|
height: 1em;
|
stroke-width: 0;
|
stroke: currentColor;
|
fill: currentColor;
|
}
|
.hole_gotoshow_a {
|
width: 100%;
|
background-color: #1f94cf;
|
height: 3px;
|
border-radius: 5px 5px 0 0;
|
margin-bottom:20px;
|
}
|
.mine-change-lineColor path {
|
/* opacity: 1!important; */
|
stroke-opacity: 1!important;
|
/* stroke: #000!important; */
|
}
|
</style>
|
|
<script th:inline="javascript">
|
//画布
|
var highcharts =$("#highcharts-0");
|
//v
|
var my_svg =$("#my_svg");
|
|
var base_x = 25;
|
var base_y = 40;
|
var base_w = 25;
|
var base_h = 25;
|
|
//岩土,水位,回次的 时间/距离
|
var ysh_z_x = base_x;
|
var ysh_z_y = base_y;
|
var ysh_z_w = base_w*4;
|
var ysh_z_h = base_h*2;
|
var ysh_z_x2 = ysh_z_x+ysh_z_w/2;
|
var ysh_z_y2 = ysh_z_y+ysh_z_h/2/2;
|
|
|
var hc_header_x = ysh_z_x+ysh_z_w;
|
var hc_header_y = base_y;
|
var hc_header_w = base_w*8;
|
var hc_header_h = base_h*2;
|
var hc_header_x2 = hc_header_x+hc_header_w/2;
|
var hc_header_y2 = hc_header_y+hc_header_h/2;
|
|
var ys_header_x = hc_header_x+hc_header_w;
|
var ys_header_y = base_y;
|
var ys_header_w = base_w*16;
|
var ys_header_h = base_h*2;
|
var ys_header_x2 = ys_header_x+ys_header_w/2;
|
var ys_header_y2 = ys_header_y+ys_header_h/2;
|
|
var hc_x = ys_header_x+ys_header_w;
|
var hc_y = base_y;
|
var hc_w = base_w*2;
|
var hc_h = base_h*2;
|
var hc_x2 = hc_x+hc_w/2;
|
var hc_y2 = hc_y+hc_h/2;
|
|
var ys_x = hc_x+hc_w;
|
var ys_y = base_y;
|
var ys_w = base_w*8;
|
var ys_h = base_h*2;
|
var ys_x2 = ys_x + ys_w/2;
|
var ys_y2 = ys_y + ys_h/2/2;
|
|
var qy_x = hc_x+hc_w+base_w*2;
|
var qy_y = base_y+base_h;
|
var qy_w = base_w*3;
|
var qy_h = base_h;
|
var qy_x2 = qy_x + qy_w/2;
|
var qy_y2 = qy_y + qy_h/2;
|
|
var cs_x = qy_x + qy_w;
|
var cs_y = base_y + base_h;
|
var cs_w = base_w*3;
|
var cs_h = base_h;
|
var cs_x2 = cs_x + cs_w/2;
|
var cs_y2 = cs_y + cs_h/2;
|
|
|
//取样记录表头
|
var qy_header_x = ys_x+ys_w;
|
var qy_header_y = base_y;
|
var qy_header_w = base_w*8;
|
var qy_header_h = base_h*2;
|
var qy_header_x2 = qy_header_x+qy_header_w/2;
|
var qy_header_y2 = qy_header_y+qy_header_h/2;
|
//测试记录表头
|
var cs_header_x = qy_header_x+qy_header_w;
|
var cs_header_y = base_y;
|
var cs_header_w = base_w*8;
|
var cs_header_h = base_h*2;
|
var cs_header_x2 = cs_header_x+cs_header_w/2;
|
var cs_header_y2 = cs_header_y+cs_header_h/2;
|
|
//时间/距离轴区域
|
var ysh_z_cb_x = base_x;
|
var ysh_z_cb_w = base_w*4;
|
var ysh_z_cb_c_w = 8;
|
var ysh_z_cb_c_h = 8;
|
|
//内容区域的起始y值
|
var cb_y = base_y+base_h*2;
|
|
//回次记录区域
|
var hc_cb_x = ysh_z_cb_x + ysh_z_cb_w + (base_w/4);
|
var hc_cb_y = cb_y;
|
var hc_cb_w = hc_header_w- (base_w/2);
|
|
//岩土水位记录区域
|
var ys_cb_x = hc_cb_x + hc_cb_w + base_w;
|
var ys_cb_y = cb_y;
|
var ys_cb_w = ys_header_w- base_w*1.5;
|
|
//连线区域
|
var hc_lx_cb_x = hc_cb_x + hc_cb_w;
|
var ys_lx_cb_x = ys_cb_x + ys_cb_w;
|
var ysh_lx_cb_w = base_w*4;
|
|
//回次柱状区
|
var hc_zz_x = hc_x;
|
var hc_zz_y = cb_y;
|
var hc_zz_w = hc_w;
|
//岩土,水位柱状区
|
var ys_zz_x = ys_x;
|
var ys_zz_y = cb_y;
|
var ys_zz_w = ys_w;
|
//----------------------------------------------------------
|
//取样柱状区
|
var qy_zz_x = qy_x;
|
var qy_zz_y = cb_y;
|
var qy_zz_w = base_w;
|
//测试柱状区
|
var cs_zz_x = cs_x;
|
var cs_zz_y = cb_y;
|
var cs_zz_w = base_w;
|
|
//取样记录区域
|
var qy_cb_x = qy_header_x+ (base_w/4);
|
var qy_cb_y = cb_y;
|
var qy_cb_w = qy_header_w - (base_w/2);
|
|
//测试记录区域
|
var cs_cb_x = cs_header_x+(base_w/4);
|
var cs_cb_y = cb_y;
|
var cs_cb_w = cs_header_w - (base_w/2);
|
|
//----------------------------------------------------------
|
//基准点定位时间和坐标
|
var base_time = '2016-02-28 19:54:32';
|
var base_gps = '87.1241244,46.1251253';
|
|
//柱状区比率
|
var zz_bl= 0.002;//1/500
|
|
//时差轴比率
|
var time_bl = 0.07; //由总深度,总像素,总时长来决定.
|
var gps_bl = 0.12;
|
|
//回次内容块的的总高度
|
var hc_cbHeight =0;
|
var hc_content_block_jg =0;
|
//岩土,水位内容块的的总高度
|
var ys_cbHeight =0;
|
var ys_content_block_jg =0;
|
//取样内容块的的总高度
|
var qy_cbHeight =0;
|
var qy_content_block_jg =0;
|
//测试内容块的的总高度
|
var cs_cbHeight =0;
|
var cs_content_block_jg =0;
|
|
//记录深度
|
var record_depth =0;
|
|
//记录时间(作业时长)
|
var record_time = 1*60;
|
|
//内容块的
|
var title_h = 25; //标题高
|
var title_m = 5; //边距
|
|
var spacing = 10; //间隙
|
|
//图片处理
|
function InitIMG() {
|
var $overflow = '';
|
var colorbox_params = {
|
rel: 'colorbox',
|
reposition:true,
|
scalePhotos:true,
|
scrolling:false,
|
previous:'<i class="ace-icon fa fa-arrow-left"></i>',
|
next:'<i class="ace-icon fa fa-arrow-right"></i>',
|
close:'×',
|
current:'{current} of {total}',
|
maxWidth:'100%',
|
maxHeight:'100%',
|
onOpen:function(){
|
$overflow = document.body.style.overflow;
|
document.body.style.overflow = 'hidden';
|
},
|
onClosed:function(){
|
document.body.style.overflow = $overflow;
|
},
|
onComplete:function(){
|
$.colorbox.resize();
|
}
|
};
|
|
$('.ace-thumbnails [data-rel="colorbox"]').colorbox(colorbox_params);
|
|
$('.ace-thumbnails [data-rel="colorbox_mp4"]').each(function(){
|
$(this).colorbox({html:"<video src='"+$(this).attr('href')+"' width='480' height='480' style='margin-bottom:0px' controls preload></video>",close:'×'});
|
});
|
|
$("#cboxLoadingGraphic").html("<i class='ace-icon fa fa-spinner orange fa-spin'></i>");//let's add a custom loading icon
|
|
$(document).one('ajaxloadstart.page', function(e) {
|
$('#colorbox, #cboxOverlay').remove();
|
});
|
}
|
|
var main_content;
|
var holeID;
|
var hcRecord;
|
|
var hcRecordArray;
|
var ysRecordArray;
|
var qyRecordArray;
|
var csRecordArray;
|
|
function RecordArray(type){
|
this.type = type;
|
|
this.array=[];
|
this.setArray = function(record){
|
this.array.push(record);
|
if(record.type!='回次'||record.id == record.dittoID||!record.isFold){
|
this.cbHeight += record.cbHeight;
|
this.cbHeight += record.cbSpacing;
|
}
|
};
|
|
this.display = true;
|
|
this.cbHeight = 0;//内容块总高度
|
this.cbSpacing = 0; //内容块总间隔
|
this.setSpacing = function(zz_height){
|
this.cbSpacing = zz_height - this.cbHeight;
|
};
|
|
this.cbY = cb_y;
|
|
this.show = function(zz_bl,lx_cb_x,zz_x,zz_w,cb_x,cb_w){
|
var cbYTemp = this.cbY;
|
var cbSpacingTemp = this.cbSpacing;
|
$.each(this.array,function(i,n){
|
//console.log(n);
|
if(n.type!='回次'||n.id == n.dittoID||!n.isFold){
|
var type = n.type;
|
var begin = parseFloat(n.begin);
|
var end = parseFloat(n.end);
|
|
var begin_y = cb_y + begin/zz_bl;
|
var end_y = cb_y + end/zz_bl;
|
|
var h = end_y - begin_y;
|
h = h==0?5:h;
|
|
var x0; //内容的x轴
|
var x1; //柱状的x轴
|
var y0 ; //内容的上下中心位置
|
var y1 = begin_y + h/2; //柱状的上下中心位置(也是内容块预置位)
|
|
//用于提供内容高度创建的临时的div
|
var cbHeight = n.cbHeight;
|
|
cbYTemp += n.cbSpacing;
|
if(cbSpacingTemp > 0){
|
var yz_cb_y = begin_y; ///内容块预置的y轴点.
|
var cb_jg = yz_cb_y - cbYTemp; //内容块间隔.
|
if(cb_jg > 0 && cb_jg < cbSpacingTemp){
|
cbYTemp = yz_cb_y;
|
cbSpacingTemp -= cb_jg;
|
}
|
}
|
|
x0 = lx_cb_x;
|
y0 = cbYTemp + cbHeight/2;
|
|
if(type=='回次'){
|
x1 = zz_x;
|
hcZZCreation(zz_x,begin_y,zz_w,h,n);
|
lxCBCreation(x0,y0,x1,y1,n);
|
}else if(type=='岩土'||type=='水位'){
|
x1 = zz_x;
|
ysZZCreation(zz_x,begin_y,zz_w,h,n);
|
lxCBCreation(x0,y0,x1,y1,n);
|
}else if(type=='取土'||type=='取水'){
|
x1 = cb_x;
|
qyZZCreation(zz_x,begin_y,zz_w,h,n);
|
lxCBCreation(x0,y1,x1,y0,n);
|
} if(type=='动探'||type=='标贯'){
|
x1 = cb_x;
|
csZZCreation(zz_x,begin_y,zz_w,h,n);
|
lxCBCreation(x0,y1,x1,y0,n);
|
}
|
contentBlockCreation(cb_x,cbYTemp,cb_w,cbHeight,n);
|
cbYTemp += cbHeight;
|
|
var distance = n.distance;
|
var minute = n.minute;
|
if(distance!=''&&minute!=''){
|
if(distance>30){
|
distance = 30;
|
}
|
|
var ysh_z_x = base_x + distance/gps_bl/3;
|
var ysh_z_y = cb_y + minute/time_bl;
|
|
timeMinuteZZCreation(ysh_z_x,ysh_z_y,n);
|
|
if(type=='回次'){
|
lxCBCreation(ysh_z_x+ysh_z_cb_c_w/2/3/2+2,ysh_z_y+ysh_z_cb_c_h/2/3/2,hc_cb_x,y0,n);
|
}else if(type=='岩土'||type=='水位'){
|
lxCBCreation(ysh_z_x+ysh_z_cb_c_w/2/3/2+2,ysh_z_y+ysh_z_cb_c_h/2/3/2,ys_cb_x,y0,n);
|
}else if(type=='取土'||type=='取水'){
|
lxCBCreation(ysh_z_x+ysh_z_cb_c_w/2/3/2+2,ysh_z_y+ysh_z_cb_c_h/2/3/2,qy_zz_x,y1,n);
|
}else if(type=='动探'||type=='标贯'){
|
lxCBCreation(ysh_z_x+ysh_z_cb_c_w/2/3/2+2,ysh_z_y+ysh_z_cb_c_h/2/3/2,cs_zz_x,y1,n);
|
}
|
}
|
}
|
});
|
this.cbY = cbYTemp;
|
this.cbSpacing = cbSpacingTemp;
|
};
|
}
|
|
function Record(n){
|
this.id = n.id;
|
this.code = n.code;
|
this.type = n.type;
|
this.typeName = n.typeName;
|
this.layerType = n.layerType;
|
this.layerName = n.layerName;
|
this.begin = n.begin;
|
this.end = n.end;
|
this.title = n.title;
|
this.datetime = n.datetime;
|
this.minute = n.minute;
|
this.gps = n.longitude+','+n.latitude;
|
this.distance = n.distance;
|
this.medias = n.medias;
|
|
|
this.dittoID = n.id;
|
this.isFold = false; //是否折叠
|
this.foldCode = 0;//折叠数量
|
this.foldEnd = 0;//折叠深度
|
|
this.display = true;
|
|
this.sayName = function(){
|
alert(this.code);
|
};
|
|
this.cbHeight = 0;
|
this.cbSpacing = 0;
|
|
this.setHeight = function(){
|
var type = this.type;
|
var cb_w;
|
if(type=='回次'){
|
cb_w = hc_cb_w;
|
}else if(type=='岩土'||type=='水位'){
|
cb_w = ys_cb_w;
|
}else if(type=='取土'||type=='取水'){
|
cb_w = qy_cb_w;
|
}if(type=='动探'||type=='标贯'){
|
cb_w = cs_cb_w;
|
}
|
|
var ysh_cb =$('<div rid ="'+n.id+'" class="provide_height" style="width:'+(cb_w - title_m*2)+'px;display:none;">'+n.title+'</div>\n').appendTo(main_content);
|
var cbHeight= 0;
|
|
/* if(type=='回次'){
|
if(hcRecord ==null||hcRecord.title != n.title){
|
cbHeight = ysh_cb.height()+ title_h + title_m*2 + spacing;
|
this.cbSpacing = spacing;
|
hcRecord = n;
|
}else{
|
cbHeight = title_h;
|
this.dittoID = hcRecord.id;
|
}
|
|
}else{
|
cbHeight = ysh_cb.height() + title_h + title_m*2 + spacing;
|
this.cbSpacing = spacing;
|
} */
|
cbHeight = ysh_cb.height() + title_h + title_m*2 + spacing;
|
this.cbSpacing = spacing;
|
|
if(this.medias.length != 0){
|
cbHeight += 40;
|
}
|
|
this.cbHeight = cbHeight;
|
};
|
|
this.getHeight = function(){
|
//console.log("this.cbHeight:" + this.cbHeight);
|
//alert(this.cbHeight);
|
};
|
|
}
|
|
//复制一个不被引用的对象.
|
function clone(myObj){
|
if(typeof(myObj) != 'object') return myObj;
|
if(myObj == null) return myObj;
|
var myNewObj = new Object();
|
for(var i in myObj) myNewObj[i] = clone(myObj[i]);
|
return myNewObj;
|
}
|
|
$(document).ready(function(){
|
//headerCreation(ysh_z_x,ysh_z_y,ysh_z_w,ysh_z_h,ysh_z_x2,ysh_z_y2,'时差/距离');
|
headerCreation(hc_header_x,hc_header_y,hc_header_w,hc_header_h,hc_header_x2,hc_header_y2,'回次记录');
|
headerCreation(ys_header_x,ys_header_y,ys_header_w,ys_header_h,ys_header_x2,ys_header_y2,'岩土,水位记录');
|
|
headerCreation(hc_x,hc_y,hc_w,hc_h,hc_x2,hc_y2,'回次');
|
headerCreation(ys_x,ys_y,ys_w,ys_h,ys_x2,ys_y2,'岩土/水位');
|
headerCreation(qy_x,qy_y,qy_w,qy_h,qy_x2,qy_y2,'取样');
|
headerCreation(cs_x,cs_y,cs_w,cs_h,cs_x2,cs_y2,'测试');
|
|
headerCreation(qy_header_x,qy_header_y,qy_header_w,qy_header_h,qy_header_x2,qy_header_y2,'取样记录');
|
headerCreation(cs_header_x,cs_header_y,cs_header_w,cs_header_h,cs_header_x2,cs_header_y2,'测试记录');
|
|
// headerInit(ysh_z_x,ysh_z_y+ysh_z_h-5,ysh_z_x,ysh_z_y+ysh_z_h+5000,'0m');
|
// headerInit(ysh_z_x+5/gps_bl,ysh_z_y+ysh_z_h-5,ysh_z_x+5/gps_bl,ysh_z_y+ysh_z_h+5000,'15m');
|
// headerInit(ysh_z_x+10/gps_bl,ysh_z_y+ysh_z_h-5,ysh_z_x+10/gps_bl,ysh_z_y+ysh_z_h+5000,'30m');
|
|
main_content =$(".main-content");
|
// holeID = main_content.attr("id");
|
// var dataJson = [
|
// {"id":'10',"code":'DPT-002',"type":'动探',"typeName":'动探',"begin":'0.24',"end":'0.48',"title":'钻杆长度:1.20m; N63.5=10;' ,"medias":[]},
|
// {"id":'2',"code":'HC-001',"type":'回次',"typeName":'回转钻进',"begin":'0.00',"end":'0.50',"title":'护壁方法:泥浆;钻孔孔径:108.0mm;<br/>钻进情况:进尺快;' ,"medias":[]},
|
// {"id":'3',"code":'YT-002',"type":'岩土',"typeName":'黄土状粉土',"begin":'0.30',"end":'0.80',"title":'岩土类型:黄土状黏性土; 岩土定名:黄土状粉质黏土; 地层年代:第四纪; 地层成因:人工填土; 颜色:青灰色; 状态:硬塑 ; 孔隙:可见大孔隙(1.0mm左右); 垂直节理:垂直节理发育 ; 包含物:石子;',"medias":[]},
|
// {"id":'4',"code":'YT-003',"type":'岩土',"typeName":'碎石土-漂石',"layerName":'粉质黏土',"begin":'0.80',"end":'1.00',"title":'岩土类型:碎石土; 岩土定名:漂石; 地层年代:第四纪; 地层成因:人工填土; 颜色:青灰色; 颗粒形状:圆形; 颗粒排列:排列混乱大部分不接触; 一般粒径小:10mm; 一般粒径大:20mm; 较大粒径小:35mm; 较大粒径大:35mm; 最大粒径:45mm; 岩母成份:砾岩; 风化程度:微风化; 颗粒级配:一般; 密实度:密实; 充填物:砂混土充填; 湿度:稍湿; 夹层:粉砂;',"medias":[]},
|
// {"id":'5',"code":'YT-004',"type":'岩土',"typeName":'黏性土-粉质黏土',"begin":'1.00',"end":'1.13',"title":'岩土类型:黏性土; 岩土定名:粉质黏土; 地层年代:第四纪; 地层成因:冲积; 颜色:黄褐色; 状态:硬塑; 包含物:石子; 夹层:细砂;',"medias":[]},
|
// {"id":'6',"code":'SW-001',"type":'水位',"typeName":'地下水',"begin":'1.13',"end":'1.23',"title":'初见水位:0.0m;稳定水位:0.0m;',"medias":[]},
|
// {"id":'7',"code":'HC-002',"type":'回次',"typeName":'回转钻进',"begin":'0.50',"end":'1.30',"title":'护壁方法:泥浆;钻孔孔径:108.0mm;<br/>钻进情况:进尺快;',"medias":[]},
|
// {"id":'8',"code":'HC-003',"type":'回次',"typeName":'回转钻进',"begin":'1.30',"end":'1.40',"title":'护壁方法:泥浆;钻孔孔径:108.0mm;<br/>钻进情况:进尺快;',"medias":[]},
|
// {"id":'9',"code":'DPT-001',"type":'动探',"typeName":'动探',"begin":'0.00',"end":'0.24',"title":'钻杆长度:1.20m; N10=10;',"medias":[]},
|
// {"id":'1',"code":'YT-001',"type":'岩土',"typeName":'粉土-粉土',"begin":'0.00',"end":'0.30',"title":'颜色:黄褐色; 包含物:石子;',"medias":[]},
|
// {"id":'11',"code":'QT-001',"type":'取土',"typeName":'取土',"begin":'0.15',"end":'0.60',"title":'土样质量等级:Ⅰ级样; 取样工具和方法:探井(槽)中刻取土样; ',"medias":[]},
|
// {"id":'12',"code":'DPT-003',"type":'动探',"typeName":'动探',"begin":'0.48',"end":'0.72',"title":'钻杆长度:1.20m; N120=10;',"medias":[]},
|
// {"id":'13',"code":'QS-001',"type":'取水',"typeName":'取水',"begin":'1.15',"end":'1.15',"title":'取水方式:加入大理石粉',"medias":[]},
|
// {"id":'14',"code":'SPT-001',"type":'标贯',"typeName":'标贯',"begin":'0.90',"end":'1.35',"title":'钻杆长度:10.6m;<br/>预:9.0m~9.15m=6;<br/>1:9.15m~9.25m=11;<br/>2:9.25m~9.35m=13;<br/>3:9.35m~9.45m=15;',"medias":[]},
|
// {"id":'15',"code":'QT-002',"type":'取土',"typeName":'取土',"begin":'1.30',"end":'1.50',"title":'土样质量等级:Ⅰ级样; 取样工具和方法:探井(槽)中刻取土样;',"medias":[]},
|
// {"id":'16',"code":'QT-003',"type":'取土',"typeName":'取土',"begin":'1.30',"end":'1.60',"title":'土样质量等级:Ⅰ级样; 取样工具和方法:探井(槽)中刻取土样;',"medias":[]},
|
// {"id":'17',"code":'QT-004',"type":'取土',"typeName":'取土',"begin":'1.40',"end":'1.70',"title":'土样质量等级:Ⅰ级样; 取样工具和方法:探井(槽)中刻取土样;',"medias":[]}];
|
let holeId=[[${holdId}]];
|
$.ajax({
|
url: '/bjfw/geo/projectwork/holeInfo?holeId=' + holeId,
|
type: "POST",
|
dataType: "json",
|
success: function (data) {
|
document.getElementById("holeInfo1").innerHTML=data.msg1
|
document.getElementById("holeInfo2").innerHTML=data.msg2
|
},
|
});
|
$.ajax({
|
type: "POST",
|
dataType: "json",
|
url: '/bjfw/geo/projectwork/histogramJson?holeId=' + holeId,
|
success: function(data) {
|
dataJson = data;
|
hcRecordArray =new RecordArray('回次');
|
ysRecordArray =new RecordArray('岩水');
|
qyRecordArray =new RecordArray('取样');
|
csRecordArray =new RecordArray('测试');
|
var hcTemp =0;
|
$.each(dataJson,function(i,n){
|
var record = new Record(n);
|
var type =n.type;
|
record.setHeight();
|
if(type=='回次'){
|
hcRecordArray.setArray(record);
|
/* if(record.id == record.dittoID){ //标识不同上
|
hcTemp = hcRecordArray.array.length -1; //容器所在的位置
|
var record2 = clone(record);
|
record2.id = record2.id+"b"; //复制一个放如集合当容器.
|
hcRecordArray.setArray(record2);
|
}else{
|
hcRecordArray.array[hcTemp].foldCode += 1;
|
hcRecordArray.array[hcTemp].code ="包含"+ hcRecordArray.array[hcTemp].foldCode +"条";
|
hcRecordArray.array[hcTemp].end = record.end;
|
} */
|
}else if(type=='岩土'||type=='水位'){
|
ysRecordArray.setArray(record);
|
}else if(type=='取土'||type=='取水'){
|
qyRecordArray.setArray(record);
|
} if(type=='动探'||type=='标贯'){
|
csRecordArray.setArray(record);
|
}
|
|
var end = parseFloat(n.end);
|
// console.log("end:"+end+";record_depth:"+record_depth);
|
if(end > record_depth){
|
record_depth = end; //最大的深度
|
}
|
|
var minute = parseFloat(n.minute);
|
if(minute > record_time){
|
record_time = minute; //最大的时差
|
}
|
|
});
|
|
//把4个内容总高放到一个数组中.
|
var hc_content_block_array = [hcRecordArray.cbHeight,ysRecordArray.cbHeight,qyRecordArray.cbHeight,csRecordArray.cbHeight];
|
//得到最终内容高.这个高决定了柱状图的高度.
|
var zz_height= Math.max.apply(null, hc_content_block_array);
|
|
hcRecordArray.setSpacing(zz_height);
|
ysRecordArray.setSpacing(zz_height);
|
qyRecordArray.setSpacing(zz_height);
|
csRecordArray.setSpacing(zz_height);
|
|
zz_bl = record_depth/zz_height;
|
time_bl = record_time/zz_height;
|
|
zz_height = zz_height + cb_y + 150;
|
|
$("#highcharts-0").height(zz_height);
|
$('svg').each(function () { $(this)[0].setAttribute('viewBox', "0 0 1300 "+ zz_height) });
|
|
|
hcRecordArray.show(zz_bl,hc_lx_cb_x,hc_zz_x,hc_zz_w,hc_cb_x,hc_cb_w);
|
ysRecordArray.show(zz_bl,ys_lx_cb_x,ys_zz_x,ys_zz_w,ys_cb_x,ys_cb_w);
|
qyRecordArray.show(zz_bl,qy_zz_x + qy_zz_w,qy_zz_x,qy_zz_w,qy_cb_x,qy_cb_w);
|
csRecordArray.show(zz_bl,cs_zz_x + cs_zz_w,cs_zz_x,cs_zz_w,cs_cb_x,cs_cb_w);
|
|
$("#highcharts-0").html($("#highcharts-0").html());
|
|
$("[rid]").each(function(){
|
var that = $(this);
|
|
var rid = that.attr("rid");
|
var rids = $("[rid='"+rid+"']");
|
|
var dian = $("[rid='"+rid+"'].dian");
|
var cx = Number(dian.attr("cx"));
|
var cy = Number(dian.attr("cy"));
|
|
var x = Number(that.attr("x"));
|
var y = Number(that.attr("y"));
|
var width = Number(that.attr("width"));
|
|
var minute = dian.attr("minute");
|
var distance = dian.attr("distance");
|
|
//隐藏时差/距离
|
// var tooltip = $(".highcharts-tooltip");
|
// var tooltip_minute = tooltip.find('tspan.tooltip-minute');
|
// var tooltip_distance = tooltip.find('tspan.tooltip-distance');
|
|
var tooltip_w = 104.5;
|
var tooltip_h = 54.5;
|
|
that.hoverDelay({
|
hoverDuring: 200,
|
outDuring: 200,
|
hoverEvent: function(){
|
rids.each(function(){
|
var r1 = $(this);
|
r1.attr("stroke","red");//设置鼠标滑过取样等描述后连线的颜色
|
r1.attr("stroke-width","1.5");
|
r1.attr("stroke-opacity","1");
|
r1.attr("opacity","1");
|
});
|
if (!isNaN(x)&&!isNaN(y)&&!isNaN(width)) {
|
// tooltip.attr("transform",'translate('+(x+width-tooltip_w/2)+','+(y-tooltip_h)+')');
|
// tooltip_minute.text(toHourMinute(minute));
|
// tooltip_distance.text(distance+'m');
|
// tooltip.show();
|
} else if (that.is("img") || that.is("a")) {
|
var record = that.parent().siblings('.kuai');
|
var recordID = record.attr("rid");
|
var showDom = record.parent().siblings('rect');
|
var rectrecord = null;
|
$.each(showDom, function(){
|
var rindex = $(this);
|
if (rindex.attr("rid") == recordID) {
|
rectrecord = rindex;
|
}
|
})
|
var recordX = Number(rectrecord.attr("x"));
|
var recordY = Number(rectrecord.attr("y"));
|
tooltip.attr("transform",'translate('+(recordX-tooltip_w/2)+','+(recordY-tooltip_h)+')');
|
tooltip_minute.text(toHourMinute(minute));
|
tooltip_distance.text(distance+'m');
|
tooltip.show();
|
}else if(!isNaN(cx)&&!isNaN(cy)){
|
tooltip.attr("transform",'translate('+(cx-tooltip_w/2)+','+(cy-tooltip_h)+')');
|
tooltip_minute.text(toHourMinute(minute));
|
tooltip_distance.text(distance+'m');
|
tooltip.show();
|
}
|
},
|
outEvent: function(){
|
rids.each(function(){
|
var r1 = $(this);
|
r1.attr("stroke","black");
|
if(r1.is(".lianxian")) {
|
r1.attr("stroke-width","0.5");
|
r1.attr("stroke-opacity","0.5");
|
r1.attr("opacity","0.5");
|
}else{
|
r1.attr("stroke-width","0.5");
|
r1.attr("stroke-opacity","0.5");
|
r1.attr("opacity","0.5");
|
}
|
});
|
//没找到触发的原因,刚好没网了,所以就先注释了.
|
//tooltip.hide();
|
}
|
});
|
});
|
InitIMG();
|
}
|
});
|
|
});
|
|
//初始化表头
|
function headerInit(x0,y0,x1,y1,title) {
|
var header_g =$(".header_g");
|
var header = '<path d="M'+x0+' '+y0+' L'+x1+' '+y1+' Z" fill="none" stroke-width="0.5" stroke-opacity="1" stroke="#a8a8a8" class="amcharts-graph-stroke" stroke-dasharray="10"stroke-dashoffset="0"></path>\n\
|
<text fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" class="amcharts-axis-label" transform="translate('+x0+','+y0+')">\n\
|
<tspan y="-5" x="0">'+title+'</tspan>\n\
|
</text>\n';
|
header_g.append(header);
|
}
|
|
//生成表头
|
function headerCreation(x,y,w,h,x2,y2,title) {
|
var header_g =$(".header_g");
|
var header = '<rect x="'+x+'" y="'+y+'" width="'+w+'" height="'+h+'" style="fill:white;stroke:black;stroke-width:0.5px;opacity:0.5" rx="0" ry="0"></rect>\n\
|
<text fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" class="amcharts-axis-label" transform="translate('+x2+','+y2+')">\n\
|
<tspan y="4" x="0">'+title+'</tspan>\n\
|
</text>\n';
|
header_g.append(header);
|
}
|
|
//生成所有的记录描述内容块
|
function contentBlockCreation(x,y,w,h,n) {
|
var type =n.type;
|
var ysh_cb_g ;
|
var ysh_cb = '';
|
var hc_css='';
|
var rect_class='';
|
if(type=='回次'){
|
ysh_cb_g =$(".hc_cb_g");
|
rect_class='hc_rect';
|
}else if(type=='岩土'||type=='水位'){
|
ysh_cb_g =$(".ys_cb_g");
|
rect_class='ys_rect';
|
}else if(type=='取土'||type=='取水'){
|
ysh_cb_g =$(".qy_cb_g");
|
rect_class='qy_rect';
|
}else{//动探标贯(测试记录)
|
ysh_cb_g =$(".cs_cb_g");
|
rect_class='cs_rect';
|
}
|
hc_css = ' stroke-dasharray="10"stroke-dashoffset="0" class="'+rect_class+'" ';
|
|
var medias = n.medias;
|
var record_medias ='';
|
$.each(medias,function(j,m){
|
var fileExtension = m.internetPath.substring(m.internetPath.lastIndexOf('.') + 1);
|
if(fileExtension=='jpg'){
|
record_medias += '<img rid ="'+m.id+'" width="36" height="36" alt="150x150" src="'+m.internetPath+'" data-rel="colorbox" href="'+m.internetPath+'" style="margin:3px;border-width:2px;border:black">';
|
} else if (fileExtension=='mp4') {
|
record_medias += '<a href="'+m.internetPath+'" rid ="'+m.id+'" data-rel="colorbox_mp4" class="cboxElement">\
|
<i class="ace-icon fa fa-play bigger-200" aria-hidden="true"></i>\
|
</a>';
|
}
|
var distance = m.distance;
|
if(distance>30){
|
distance=30;
|
}
|
var ysh_z_x = base_x + distance/gps_bl/3;
|
var ysh_z_y = cb_y+ m.minute/time_bl;
|
|
timeMinuteZZCreation1(ysh_z_x,ysh_z_y,n,m);
|
});
|
|
ysh_cb = ' <rect rid ="'+n.id+'" x="'+x+'" y="'+y+'" width="'+w+'" height="'+h+'" fill="white" stroke="black" stroke-width="0.5" stroke-opacity="0.5" opacity="0.5" rx="0" ry="0" '+hc_css+'></rect>\n\
|
<rect rid ="'+n.id+'" x="'+x+'" y="'+y+'" width="'+w+'" height="'+title_h+'" fill="#E0E0E0" style="stroke:black;stroke-width:0.5;stroke-opacity:0.5;opacity:0.5" rx="0" ry="0" '+hc_css+'></rect>\n\
|
<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="start" transform="translate('+(x+title_m)+','+(y+title_h/2)+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="0">'+n.code+'</tspan></text>\n';
|
|
|
if(n.type=='回次'&&n.id == n.dittoID&&n.foldCode>0){
|
var hc_btn_html = '<use x="'+(x - 18)+'" y="'+(y + 6)+'" width="15" height="15" xlink:href="#icon-enlarge" onclick= "changeColor(evt)" \/>';
|
var hc_btn = $(hc_btn_html);
|
if(n.isFold){
|
hc_btn.attr("xlink:href","#icon-enlarge");
|
}else{
|
hc_btn.attr("xlink:href","#icon-shrink");
|
}
|
ysh_cb_g.append(hc_btn);
|
ysh_cb_g.append('\n');
|
}
|
|
if(type=='岩土'){
|
ysh_cb = ysh_cb +'<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="start" transform="translate('+(x+title_m+base_w*4)+','+(y+title_h/2)+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="0">'+n.typeName+'</tspan></text>\n';
|
}
|
ysh_cb = ysh_cb +'<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="end" transform="translate('+(x+w-title_m)+','+(y+title_h/2)+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="0">'+n.begin+'m~'+n.end+'m</tspan>\n\
|
</text>\n';
|
if(h > title_h){
|
ysh_cb = ysh_cb +'<foreignObject x="'+(x+title_m)+'" y="'+(y+title_h+title_m)+'" width="'+(w-title_m*2)+'" height="'+(h-title_h -title_m*2)+'" class="content-foreignObject">\n\
|
<div rid ="'+n.id+'" class="kuai" >'+n.title+'</div>\n\
|
<div class="ace-thumbnails">\n\
|
'+record_medias+'\n\
|
</div>\n\
|
</foreignObject>';
|
}
|
|
ysh_cb_g.append(ysh_cb);
|
}
|
|
function changeColor(evt){
|
alert(1);
|
var rect = evt.target;
|
rect.setAttributeNS(null, "fill", "blue")
|
}
|
|
|
//生成回次柱状块
|
function hcZZCreation(x,y,w,h,n) {
|
//console.log("hcZZCreation");
|
var begin = n.begin;
|
var end = n.end;
|
|
var hc_zz_g =$(".hc_zz_g");
|
var hc_zz = '';
|
hc_zz = '<rect rid ="'+n.id+'" x="'+x+'" y="'+y+'" width="'+w+'" height="'+h+'" fill="white" rx="0" ry="0" stroke-dasharray="10" stroke-dashoffset="0" stroke="black" stroke-width="0.5" stroke-opacity="0.5" opacity="0.5" class="cs_rect"></rect>\n\
|
<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" transform="translate('+(x+base_w)+','+y+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="0">'+begin+'</tspan>\n\
|
</text>\n\
|
<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" transform="translate('+(x+base_w)+','+(y+h)+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="0">'+end+'</tspan>\n\
|
</text>\n';
|
hc_zz_g.append(hc_zz);
|
}
|
|
//生成岩土,水位柱状块
|
function ysZZCreation(x,y,w,h,n) {
|
var begin = n.begin;
|
var end = n.end;
|
|
var type =n.type;
|
|
var ys_zz_g = $(".ys_zz_g");
|
var ys_zz = '';
|
|
if(type=='岩土'){
|
var typeName =n.layerName;//修改为使用岩土定名
|
var tuli = 'url(#02素填土)';//没有图标
|
|
if(typeName =='耕土(表土)'){
|
tuli ='url(#01耕植土)';
|
}
|
if(typeName =='素填土'){
|
tuli ='url(#02素填土)';
|
}
|
if(typeName =='杂填土'){
|
tuli ='url(#03杂填土)';
|
}
|
if(typeName =='黏土'){
|
tuli ='url(#04粘土)';
|
}
|
if(typeName =='粉质黏土'){
|
tuli ='url(#05粉质粘土)';
|
}
|
if(typeName =='粉土'){
|
tuli ='url(#06粉土)';
|
}
|
if(typeName =='粉砂'){
|
tuli ='url(#07粉砂)';
|
}
|
if(typeName =='细砂'){
|
tuli ='url(#08细砂)';
|
}
|
if(typeName =='中砂'){
|
tuli ='url(#09中砂)';
|
}
|
if(typeName =='粗砂'){
|
tuli ='url(#10粗砂)';
|
}
|
if(typeName =='砾砂'){
|
tuli ='url(#11砾砂)';
|
}
|
if(typeName =='圆砾'){
|
tuli ='url(#11圆砾)';
|
}
|
if(typeName =='角砾'){
|
tuli ='url(#12角砾)';
|
}
|
if(typeName =='卵石'){
|
tuli ='url(#13卵石)';
|
}
|
if(typeName =='碎石'){
|
tuli ='url(#14碎石)';
|
}
|
if(typeName =='漂石'){
|
tuli ='url(#15漂石)';
|
}
|
if(typeName =='块石'){
|
tuli ='url(#16块石)';
|
}
|
if(typeName =='淤泥'){
|
tuli ='url(#17淤泥)';
|
}
|
if(typeName =='红粘土'){
|
tuli ='url(#18红粘土)';
|
}
|
if(typeName =='泥炭土'){
|
tuli ='url(#19泥炭土)';
|
}
|
if(typeName =='膨胀土'){
|
tuli ='url(#20膨胀土)';
|
}
|
if(typeName =='黄土'){
|
tuli ='url(#21黄土)';
|
}
|
if(typeName =='淤泥质粘土'){
|
tuli ='url(#22淤泥质粘土)';
|
}
|
if(typeName =='淤泥质粉质黏土'){
|
tuli ='url(#23淤泥质粉质粘土)';
|
}
|
if(typeName =='淤泥质粉土'){
|
tuli ='url(#24淤泥质粉土)';
|
}
|
if(typeName =='砾岩'){
|
tuli ='url(#25砾岩)';
|
}
|
if(typeName =='角砾岩'){
|
tuli ='url(#26角砾岩)';
|
}
|
if(typeName =='砂岩'){
|
tuli ='url(#27砂岩)';
|
}
|
if(typeName =='粉砂质泥岩'){
|
tuli ='url(#28粉砂岩)';
|
}
|
if(typeName =='泥质粉砂岩'){
|
tuli ='url(#29泥质粉砂岩)';
|
}
|
if(typeName =='长石砂岩'){
|
tuli ='url(#30长石砂岩)';
|
}
|
if(typeName =='钙质砂岩'){
|
tuli ='url(#31钙质砂岩)';
|
}
|
if(typeName =='铁质砂岩'){
|
tuli ='url(#32铁质砂岩)';
|
}
|
if(typeName =='泥岩(黏土岩)'){
|
tuli ='url(#33泥岩)';
|
}
|
if(typeName =='砂质泥岩'){
|
tuli ='url(#34砂质泥岩)';
|
}
|
if(typeName =='页岩'){
|
tuli ='url(#35页岩)';
|
}
|
if(typeName =='碳质页岩'){
|
tuli ='url(#36碳质页岩)';
|
}
|
if(typeName =='硅质页岩'){
|
tuli ='url(#37硅质页岩)';
|
}
|
if(typeName =='泥灰岩'){
|
tuli ='url(#38泥灰岩)';
|
}
|
if(typeName =='角砾状灰岩'){
|
tuli ='url(#39角砾状灰岩)';
|
}
|
if(typeName =='燧石灰岩'){
|
tuli ='url(#40燧石灰岩)';
|
}
|
if(typeName =='白云岩'){
|
tuli ='url(#41白云岩)';
|
}
|
if(typeName =='泥质白云岩'){
|
tuli ='url(#42泥质白云岩)';
|
}
|
if(typeName =='石膏'){
|
tuli ='url(#43石膏)';
|
}
|
if(typeName =='煤层'){
|
tuli ='url(#44煤层)';
|
}
|
if(typeName =='石英岩'){
|
tuli ='url(#45石英岩)';
|
}
|
if(typeName =='硅质灰岩'){
|
tuli ='url(#46硅质灰岩)';
|
}
|
if(typeName =='大理岩'){
|
tuli ='url(#47大理岩)';
|
}
|
if(typeName =='片麻岩'){
|
tuli ='url(#48片麻岩)';
|
}
|
if(typeName =='片岩'){
|
tuli ='url(#49片岩)';
|
}
|
if(typeName =='板岩'){
|
tuli ='url(#50板岩)';
|
}
|
if(typeName =='千枚岩'){
|
tuli ='url(#51千枚岩)';
|
}
|
if(typeName =='糜棱岩'){
|
tuli ='url(#52糜棱岩)';
|
}
|
if(typeName =='断层角砾岩'){
|
tuli ='url(#53断层角砾岩)';
|
}
|
if(typeName =='辉绿岩'){
|
tuli ='url(#54辉绿岩)';
|
}
|
if(typeName =='辉长岩'){
|
tuli ='url(#55辉长岩)';
|
}
|
if(typeName =='闪长岩'){
|
tuli ='url(#56闪长岩)';
|
}
|
if(typeName =='玄武岩'){
|
tuli ='url(#57玄武岩)';
|
}
|
|
if(typeName =='粉土-粉质黏土互层'){
|
tuli ='url(#05粉质粘土)';
|
}
|
if(typeName =='粉土-黏土互层'){
|
tuli ='url(#05粉质粘土)';
|
}
|
if(typeName =='黄土状黏土'){
|
tuli ='url(#21黄土)';
|
}
|
if(typeName =='黄土状粉质黏土'){
|
tuli ='url(#21黄土)';
|
}
|
if(typeName =='黄土状粉土'){
|
tuli ='url(#21黄土)';
|
}
|
if(typeName =='溶洞'){
|
tuli ='url(#rongdong)';
|
}
|
if(typeName =='花岗岩'){
|
tuli ='url(#huagangyan)';
|
}
|
if(typeName =='石灰岩'){
|
tuli ='url(#huiyan)';
|
}
|
|
ys_zz = '<rect rid ="'+n.id+'" x="'+x+'" y="'+y+'" width="'+w+'" height="'+h+'" fill="'+tuli+'" rx="0" ry="0" stroke="black" stroke-width="0.5" stroke-opacity="0.5" opacity="0.5"></rect>'
|
}else if(type=='水位'){
|
ys_zz = '<rect rid ="'+n.id+'" x="'+x+'" y="'+y+'" width="'+w+'" height="'+h+'" fill="rgba(165,170,217,1)" rx="0" ry="0" stroke="black" stroke-width="0.5" stroke-opacity="0.5" opacity="0.5"></rect>'
|
}
|
ys_zz = ys_zz + '<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" transform="translate('+(x+base_w)+','+y+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="0">'+begin+'</tspan>\n\
|
</text>\n\
|
<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" transform="translate('+(x+base_w)+','+(y+h)+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="0">'+end+'</tspan>\n\
|
</text>\n';
|
ys_zz_g.append(ys_zz);
|
}
|
|
//生成取样柱状块
|
function qyZZCreation(x,y,w,h,n) {
|
var begin =n.begin;
|
var end =n.end;
|
var type = n.type;
|
|
var qy_zz_g =$(".qy_zz_g");
|
var qy_zz = '';
|
|
qy_zz = '<rect rid ="'+n.id+'" x="'+x+'" y="'+y+'" width="'+w+'" height="'+h+'" fill="rgba(255,188,117,1)" rx="0" ry="0" stroke="black" stroke-width="0.5" stroke-opacity="0.5" opacity="0.5" class="qy_rect"></rect>'
|
qy_zz = qy_zz + '<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" transform="translate('+(x+base_w)+','+y+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="'+w+'">'+begin+'</tspan>\n\
|
</text>\n';
|
if(type =='取土'){
|
qy_zz = qy_zz + '<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" transform="translate('+(x+base_w)+','+(y+h)+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="'+w+'">'+end+'</tspan>\n\
|
</text>\n';
|
}
|
|
qy_zz_g.append(qy_zz);
|
}
|
|
//生成测试柱状块
|
function csZZCreation(x,y,w,h,n) {
|
var begin =n.begin;
|
var end =n.end;
|
|
var cs_zz_g =$(".cs_zz_g");
|
var cs_zz = '';
|
cs_zz = '<rect rid ="'+n.id+'" x="'+x+'" y="'+y+'" width="'+w+'" height="'+h+'" fill="#7cb5ec" stroke="black" rx="0" ry="0" stroke-dasharray="10" stroke-dashoffset="0" stroke-width="0.5" opacity="0.5" class="cs_rect"></rect>\n\
|
<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" transform="translate('+(x+base_w)+','+y+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="'+w+'">'+begin+'</tspan>\n\
|
</text>\n\
|
<text y="6" fill="#000000" font-family="Verdana" font-size="12px" opacity="1" text-anchor="middle" transform="translate('+(x+base_w)+','+(y+h)+')" class="amcharts-axis-label">\n\
|
<tspan y="4" x="'+w+'">'+end+'</tspan>\n\
|
</text>\n';
|
cs_zz_g.append(cs_zz);
|
}
|
|
//各种连线
|
function lxCBCreation(x0,y0,x1,y1,n){
|
var lx_cb_g =$(".lx_cb_g");
|
var ysh_lx_cb = '';
|
|
var type =n.type;
|
if(type=='岩土'||type=='水位'){
|
ysh_lx_cb = '<path rid ="'+n.id+'" d="M'+x0+' '+y0+' L'+x1+' '+y1+' Z" fill="none" stroke-width="0.5" stroke-opacity="0.5" stroke="#a8a8a8" class="amcharts-graph-stroke lianxian"></path>'
|
}else if(type=='回次'||type=='动探'||type=='标贯'){
|
ysh_lx_cb = '<path rid ="'+n.id+'" d="M'+x0+' '+y0+' L'+x1+' '+y1+' Z" fill="none" stroke-width="0.5" stroke-opacity="0.5" stroke="#a8a8a8" stroke-dasharray="10" stroke-dashoffset="0" class="amcharts-graph-stroke cs_rect lianxian"></path>'
|
}else if(type=='取土'||type=='取水'){
|
ysh_lx_cb = '<path rid ="'+n.id+'" d="M'+x0+' '+y0+' L'+x1+' '+y1+' Z" fill="none" stroke-width="0.5" stroke-opacity="0.5" stroke="#a8a8a8" stroke-dasharray="10" stroke-dashoffset="0" class="amcharts-graph-stroke qy_rect lianxian"></path>'
|
}
|
|
lx_cb_g.append(ysh_lx_cb);
|
}
|
|
|
//生成时差/距离点.(记录的)
|
function timeMinuteZZCreation(x,y,n) {
|
var w = ysh_z_cb_c_w/2.5;
|
|
var distance =n.distance;
|
|
var color ='black';
|
if(distance>=0&&distance<5){
|
color = '#7cb5ec';
|
}else if(distance>=5.5&&distance<15){
|
color = '#90ed7d';
|
}else if(distance>=15&&distance<25){
|
color = 'rgb(255,188,117)';
|
}else{
|
color = '#f45b5b';
|
}
|
|
var z_cb_g =$(".z_cb_g");
|
var ysh_z_cb = $("<circle></circle>");
|
ysh_z_cb.attr("class","dian");
|
ysh_z_cb.attr("cx",x);
|
ysh_z_cb.attr("cy",y);
|
ysh_z_cb.attr("r",w);
|
ysh_z_cb.attr("fill",color);
|
ysh_z_cb.attr("color",color);
|
ysh_z_cb.attr("rx",0);
|
ysh_z_cb.attr("ry",0);
|
ysh_z_cb.attr("stroke-width","0.5");
|
ysh_z_cb.attr("stroke-opacity","1");
|
|
ysh_z_cb.attr("rid",n.id);
|
ysh_z_cb.attr("minute",n.minute);
|
ysh_z_cb.attr("distance",n.distance);
|
|
//ysh_z_cb = '<circle cx="'+x+'" cy="'+y+'" r="'+w+'" fill="'+color+'" stroke="'+color+'" rx="0" ry="0" stroke-width="0.5" stroke-opacity="1"></rect>';
|
z_cb_g.append(ysh_z_cb);
|
z_cb_g.append('\n');
|
}
|
|
//生成时差/距离点.(图片的)
|
function timeMinuteZZCreation1(x,y,n,m) {
|
var begin =n.begin;
|
var end =n.end;
|
var type = n.type;
|
|
var w= ysh_z_cb_c_w;
|
var h= ysh_z_cb_c_h;
|
|
var distance =m.distance;
|
|
var color ='black';
|
if(distance>=0&&distance<5){
|
color = '#7cb5ec';
|
}else if(distance>=5.5&&distance<15){
|
color = '#90ed7d';
|
}else if(distance>=15&&distance<25){
|
color = 'rgb(255,188,117)';
|
}else{
|
color = '#f45b5b';
|
}
|
|
var z_cb_g =$(".z_cb_g");
|
|
if(type=='岩土'||type=='水位'||type=='回次'){
|
z_cb_g =$(".z_cb_g");
|
}else{
|
z_cb_g =$(".z_cb_g");
|
}
|
|
var ysh_z_cb = '';
|
ysh_z_cb = '<rect class="dian" cx="'+x+'" cy="'+y+'" rid="'+m.id+'" minute="'+m.minute+'" distance="'+m.distance+'" x="'+x+'" y="'+y+'" width="'+w+'" height="'+h+'" fill="none" stroke="'+color+'" rx="0" ry="0" stroke-width="1" stroke-opacity="1"></rect>\n';
|
z_cb_g.append(ysh_z_cb);
|
}
|
|
//将分钟转换成小时
|
function toHourMinute(minutes){
|
return (Math.floor(minutes/60) + "分" + (minutes%60) + "秒" );
|
}
|
|
</script>
|
|
</head>
|
<body>
|
<div class="main-content" id ="790ace2a86b74e38925b484b2575840b">
|
<div class="highcharts-container hole_gotoshow" id="highcharts-0" style="position: relative; overflow: hidden; width: 1540px; height: 3327px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg id="my_svg" version="1.1" fill= "#369" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;margin-left:-90px;" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1300 1300" >
|
<desc>Created with Highcharts 4.2.1</desc>
|
<defs>
|
<clipPath id="highcharts-1">
|
<rect x="0" y="0" width="1177" height="275"></rect>
|
</clipPath>
|
<symbol id="icon-enlarge" viewBox="0 0 16 16">
|
<title>circle-right</title>
|
<path class="path1" d="M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 14.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5z"></path>
|
<path class="path2" d="M5.543 11.043l1.414 1.414 4.457-4.457-4.457-4.457-1.414 1.414 3.043 3.043z"></path>
|
</symbol>
|
<symbol id="icon-shrink" viewBox="0 0 16 16">
|
<title>circle-down</title>
|
<path class="path1" d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"></path>
|
<path class="path2" d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"></path>
|
</symbol>
|
</defs>
|
|
<rect x="0" y="0" width="1800" height="1500" strokeWidth="0" fill="#FFFFFF" class=" highcharts-background"></rect>
|
<g class="highcharts-button" style="cursor:default;" stroke-linecap="round" transform="translate(1293,10)">
|
<title>Chart context menu</title>
|
<rect x="0.5" y="0.5" width="24" height="22" strokeWidth="1" fill="white" stroke="none" stroke-width="1" rx="2" ry="2"></rect>
|
<text x="0" zIndex="1" style="color:black;fill:black;" y="12"></text>
|
</g>
|
<g class="highcharts-grid" zIndex="1"></g>
|
|
<g class="highcharts-legend" zIndex="7" transform="translate(30,0)"><g zIndex="1"><g>
|
<g class="highcharts-legend-item" zIndex="1" transform="translate(0,0)">
|
<text x="120" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start" zIndex="2">
|
<tspan id="holeInfo1">所属项目：王四营项目地质勘察工程 孔深：38.0米 开始时间：2021-07-26 14:09:50</tspan></text>
|
<rect x="100" y="4" width="16" height="12" zIndex="3" fill="#814C90"></rect>
|
</g>
|
<g class="highcharts-legend-item" zIndex="1" transform="translate(0,15)">
|
<text x="120" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start" zIndex="2">
|
<tspan id="holeInfo2">勘察单位：中国建筑技术集团有限公司 钻孔编号：1 结束时间：2021-07-26 18:49:52.0</tspan></text>
|
<rect x="100" y="4" width="16" height="12" zIndex="3" fill="#814C90"></rect>
|
</g>
|
</g></g></g>
|
|
<g class="highcharts-legend-item" zIndex="1" transform="translate(0,0)">
|
<text x="1350" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start" zIndex="2">
|
<tspan><a id="download" onclick="exportImg()">下载</a></tspan></text>
|
</g>
|
|
<!-- 表头 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="header_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" transform="translate(0,0) scale(1 1)" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 岩土,水位,回次记录 时间/距离 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="z_cb_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" transform="translate(0,0) scale(1 1)" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 回次 描述内容块 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="hc_cb_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 岩土,水位 描述内容块 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="ys_cb_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 回次柱状 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="hc_zz_g highcharts-series highcharts-series-0 highcharts-tracker amcharts-value-axis value-axis-valueAxisAuto0_1454380933212" zIndex="0.1" transform="translate(0,0) scale(1 1)" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 岩土/水位柱状 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="ys_zz_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" transform="translate(0,0) scale(1 1)" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 取样柱状 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="qy_zz_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" transform="translate(0,0) scale(1 1)" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 测试柱状 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="cs_zz_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" transform="translate(0,0) scale(1 1)" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 取样,测试 描述内容块 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="qy_cb_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
<!-- 取样,测试 描述内容块 -->
|
<g class="highcharts-series-group" zIndex="3">
|
<g class="cs_cb_g highcharts-series highcharts-series-0 highcharts-tracker" zIndex="0.1" style="" clip-path="url(http://www.highcharts.com/demo/column-placement#highcharts-1)">
|
|
</g>
|
</g>
|
|
|
<!-- 全部的 连线 -->
|
<g class="highcharts-series-group mine-change-lineColor" zIndex="7">
|
<g></g>
|
<g class="lx_cb_g" clip-path="url(#AmChartsEl-1)">
|
|
</g>
|
<clipPath id="AmChartsEl-1"><rect x="0" y="0" width="1700px" height="200%" rx="0" ry="0" stroke-width="0"></rect></clipPath>
|
</g>
|
|
|
|
<!-- 时差/距离 气泡栏 -->
|
<g class="highcharts-tooltip" zIndex="8" style="cursor:default;padding:0;white-space:nowrap; display: none;" transform="translate(404,110)" opacity="1" visibility="visible">
|
<path fill="none" d="M 3.5 0.5 L 247.5 0.5 C 102.5 0.5 102.5 0.5 102.5 3.5 L 102.5 43.5 C 102.5 46.5 102.5 46.5 99.5 46.5 L 57.5 46.5 51.5 52.5 45.5 46.5 3.5 46.5 C 0.5 46.5 0.5 46.5 0.5 43.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0" stroke-width="5" transform="translate(1, 1)" width="102" height="46"></path>
|
<path fill="none" d="M 3.5 0.5 L 99.5 0.5 C 102.5 0.5 102.5 0.5 102.5 3.5 L 102.5 43.5 C 102.5 46.5 102.5 46.5 99.5 46.5 L 57.5 46.5 51.5 52.5 45.5 46.5 3.5 46.5 C 0.5 46.5 0.5 46.5 0.5 43.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0" stroke-width="3" transform="translate(1, 1)" width="102" height="46"></path>
|
<path fill="none" d="M 3.5 0.5 L 99.5 0.5 C 102.5 0.5 102.5 0.5 102.5 3.5 L 102.5 43.5 C 102.5 46.5 102.5 46.5 99.5 46.5 L 57.5 46.5 51.5 52.5 45.5 46.5 3.5 46.5 C 0.5 46.5 0.5 46.5 0.5 43.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0" stroke-width="1" transform="translate(1, 1)" width="102" height="46"></path>
|
<path fill="rgba(249, 249, 249, .85)" d="M 3.5 0.5 L 130.5 0.5 C 132.5 0.5 132.5 0.5 132.5 3.5 L 132.5 43.5 C 132.5 46.5 132.5 46.5 132.5 46.5 L 57.5 46.5 51.5 52.5 45.5 46.5 3.5 46.5 C 0.5 46.5 0.5 46.5 0.5 43.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke="#f7a35c" stroke-width="1"></path>
|
<text x="8" zIndex="1" style="font-size:12px;color:#333333;fill:#333333;" y="21">
|
<tspan style="fill:#f7a35c" x="8" dy="0">●</tspan>
|
<tspan style="font-size: 10px">时差:</tspan>
|
<tspan style="font-weight:bold" dx="0" class ="tooltip-minute">5分钟</tspan>
|
<tspan style="fill:#f7a35c" x="8" dy="16">●</tspan>
|
<tspan style="font-size: 10px" dx="0">距离: </tspan>
|
<tspan style="font-weight:bold" dx="0" class ="tooltip-distance">10m</tspan>
|
</text>
|
</g>
|
|
<pattern id="01耕植土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/01耕植土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="02素填土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/02素填土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="03杂填土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/03杂填土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="04粘土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/04粘土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="05粉质粘土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/05粉质粘土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="06粉土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/06粉土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="07粉砂" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/07粉砂.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="08细砂" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/08细砂.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="09中砂" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/09中砂.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="10粗砂" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/10粗砂.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="11圆砾" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/11圆砾.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="11砾砂" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/11砾砂.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="12角砾" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/12角砾.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="13卵石" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/13卵石.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="14碎石" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/14碎石.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="15漂石" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/15漂石.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="16块石" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/16块石.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="17淤泥" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/17淤泥.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="18红粘土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/18红粘土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="19泥炭土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/19泥炭土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="20膨胀土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/20膨胀土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="21黄土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/21黄土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="22淤泥质粘土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/22淤泥质粘土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="23淤泥质粉质粘土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/23淤泥质粉质粘土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="24淤泥质粉土" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/24淤泥质粉土.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="25砾岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/25砾岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="26角砾岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/26角砾岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="27砂岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/27砂岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="28粉砂岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/28粉砂岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="29泥质粉砂岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/29泥质粉砂岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="30长石砂岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/30长石砂岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="31钙质砂岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/31钙质砂岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="32铁质砂岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/32铁质砂岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="33泥岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/33泥岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="34砂质泥岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/34砂质泥岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="35页岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/35页岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="36碳质页岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/36碳质页岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="37硅质页岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/37硅质页岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="38泥灰岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/38泥灰岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="39角砾状灰岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/39角砾状灰岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="40燧石灰岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/40燧石灰岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="41白云岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/41白云岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="42泥质白云岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/42泥质白云岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="43石膏" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/43石膏.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="44煤层" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/44煤层.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="45石英岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/45石英岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="46硅质灰岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/46硅质灰岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="47大理岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/47大理岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="48片麻岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/48片麻岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="49片岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/49片岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="50板岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/50板岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="51千枚岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/51千枚岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="52糜棱岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/52糜棱岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="53断层角砾岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/53断层角砾岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="54辉绿岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/54辉绿岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="55辉长岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/55辉长岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="56闪长岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/56闪长岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="57玄武岩" width="25" height="25" patternUnits="userSpaceOnUse">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/57玄武岩.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="rongdong" width="25" height="25" patternUnits="userSpaceOnUse" xlink:href="../../hole/rongdong.png">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/rongdong.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="huiyan" width="25" height="25" patternUnits="userSpaceOnUse" xlink:href="../../hole/huiyan.png">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/huiyan.png" transform="translate(0,0)"></image>
|
</pattern>
|
<pattern id="huagangyan" width="25" height="25" patternUnits="userSpaceOnUse" xlink:href="../../hole/huagangyan.png">
|
<image x="0" y="0" width="25" height="25" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="../../hole/huagangyan.png" transform="translate(0,0)"></image>
|
</pattern>
|
|
</svg>
|
|
</div>
|
</div>
|
</div>
|
|
<script th:src="@{/histogram/jquery.ui.touch-punch.js}"></script>
|
<script th:src="@{/histogram/elements.scroller.js}"></script>
|
<script th:src="@{/histogram/jquery.colorbox.js}"></script>
|
<script th:src="@{/histogram/jquery.hoverdelay.js}"></script>
|
<script th:src="@{/histogram/html5media.min.js}"></script>
|
|
<script th:inline="javascript">
|
function filter(node){
|
return (node.id!='download')
|
}
|
function exportImg() {
|
var node = document.getElementById('my_svg');
|
domtoimage.toPng(node,{filter:filter,bgcolor:'white'})
|
.then(function (dataUrl) {
|
let eleLink = document.createElement("a");
|
eleLink.href = dataUrl;
|
eleLink.download = "钻孔柱状图";
|
document.body.appendChild(eleLink);
|
eleLink.click();
|
document.body.removeChild(eleLink);
|
})
|
.catch(function (error) {
|
console.error('oops, something went wrong!', error);
|
});
|
}
|
</script>
|
</body>
|
</html>
|
