魚骨時間軸案例

2021-08-20 02:03:08 字數 2498 閱讀 1934

以上截圖demo位址)

下面的**類似以上效果:

$.fn.fishbone = function(data) );

/**自適應 平均分布*/

function fixwindow()

//設定新的寬度使其平均分布

var item_w_temp = bd_w / rowcount - marginleft;

item.width(item_w_temp);

return rowcount;

};/**li左邊框線顏色 border-left-color 動態獲取*/

function getcolor(i) else

return color;

};/**軸線上圓點位置縱座標,見line-point.png*/

function getlinepointy(i) else

return y + "px";

};/**第一行日期圓點位置縱座標,line-first.png*/

function getlinefirsty(i) else

return y + "px";

};/** .title-left背景縱座標,0px開始,見title.png*/

function gettitlelefty(i,val) else if(val == 'mz')

return y + "px";

};/** .title-center背景縱座標,600px開始,見title.png*/

function gettitlecentery(i,val) else if(val == 'mz')

return y + "px";

};/**.title-right背景縱座標,1200px開始,見title.png*/

function gettitlerighty(i,val) else if(val == 'mz')

return y + "px";

};/**建立dom結構*/

function creatafishbone(data)

});//判斷是門診還是住院

var val="住院記錄";

$.each(this, function(name, value) else if(value='mz')

}});

//出院時間

var outdate="";

var inhosorgcode="";

//outpatientno住院號

var outpatientno="";

//inpatient_record_id

var inpatientrecordid="";

var jobtype=""

var emrid=""

$.each(this, function(name, value) else if(name=='indate')else if(name == 'diagname')else if(name=='inhosorgcode')else if(name=='outpatientno')else if(name=='inpatientrecordid')else if(name=='jobtype')else if(name=='emrid')else if(name='bedno')

});if(itemclass=='top')

});if(val=="住院記錄")

});}else if(val=="門診記錄")

});}

//封裝其他屬性

$.each(this, function(name, value)

});$.each(this, function(name, value)

});$.each(this, function(name, value)

});

}//封裝軸線上的圓點

var linepointy = getlinepointy(index);

var point = $("").css('background-position', '0px ' + linepointy);

//生成乙個item(乙個完整的案件)

var li_item = $("");

var content = $("

"); });

var prev = $("");

var next = $("");

var line = $("")

return fishbone;

};/**item新增樣式,顯示在上方或下方*/

function itemclass(index) else }}

mysql 時間軸 使用MySQL計算時間軸的變化

我是mysql的新手,我需要你的幫助.我有一張包含類似資料的 robotposx robotposy robotposdir robotshortestpath 0.1 0.2 15 1456 0.2 0.3 30 1456 0.54 0.67 15 1456 0.68 0.98 22 1234 0...

時間軸運動

截了一小段gif效果圖,如下 js 如下 function win,console.log timewdarr 計算時間差 var timediff function time1,time2 獲取時間段,並存入陣列 timedata.each function index,el console.lo...

時間軸外掛程式

這是一款可用於展示歷史和計畫的時間軸外掛程式,尤其比較適合一些 展示發展歷程 大事件等場景。該外掛程式基於jquery,可以滑動切換 水平和垂直滾動 支援鍵盤方向鍵。經過擴充套件後可以支援滑鼠滾輪事件。檢視演示 html 我們在body中建立乙個div timeline作為展示區,dates為時間軸...