m-gantt-chart
Version:
display gantt-like vaule,like use this to order bus schedule.
86 lines (75 loc) • 2.37 kB
JavaScript
// import dayjs from 'dayjs' //替换dayjs 兼容性会好一点,但是速度就很慢了,之前测了一下,大概快30倍?有点忘记了
//缓存 解析值,加速一点点吧
const cacheParseTime = (function() {
let cacheString = {};
let cacheValue = {};
let count = 0;
return function(timeName, timeString) {
if (cacheString[timeName] !== timeString) {
// 避免缓存过多对象
if (count++ > 10000) {
cacheString = {};
cacheValue = {};
}
cacheString[timeName] = timeString;
return (cacheValue[timeName] = parseTime(timeString));
}
return cacheValue[timeName];
};
})();
// pStart 关于缓存这个值是因为getWidthAbout2Times和getPositonOffset通常是前后连续调用,start 值会再两个函数中分别用到一次
/**
* 根据配置项计算两个时间的在gantt 图中的长度
* 注:时间上start 早, end 晚
*
* @export
* @param {string} start
* @param {string} end
* @param {{scale:number,cellWidth:number}} arg
* @returns number
*/
export function getWidthAbout2Times(start, end, arg) {
const { scale, cellWidth } = arg;
const pStart = cacheParseTime("pStart", start);
const pEnd = parseTime(end);
return (diffTimeByMinutes(pStart, pEnd) / scale) * cellWidth;
}
/**
* 根据配置项计算 相对于 时间轴起始时间的距离 是 getWidthAbout2Times 的特化
* 注:时间上,time 晚 beginTimeOfTimeLine 早
*
* @export
* @param {string} time
* @param {string} beginTimeOfTimeLine
* @param {{scale:number,cellWidth:number}} arg
* @returns number
*/
export function getPositonOffset(time, beginTimeOfTimeLine, arg) {
const { scale, cellWidth } = arg;
const pTime = cacheParseTime("pStart", time);
const pBeginTimeOfTimeLine = cacheParseTime(
"pBeginTimeOfTimeLine",
beginTimeOfTimeLine
);
return (diffTimeByMinutes(pBeginTimeOfTimeLine, pTime) / scale) * cellWidth;
}
function parseTime(time) {
return new Date(time);
}
/**
* 计算两个时间相差的分钟数
*
* @param {string} start
* @param {string} end
* @returns
*/
function diffTimeByMinutes(start, end) {
const diff = end.getTime() - start.getTime();
return diff / 1000 / 60;
}
// function parseTime(time){
// return dayjs(time)
// }
// function diffTimeByMinutes(start,end){
// return end.diff(start, "m", true)
// }