98 lines
4.3 KiB
TypeScript
98 lines
4.3 KiB
TypeScript
import { getHistoryGranularity } from '../../utils/historyGranularity';
|
||
import type { DataZoomState, HistoryZoomRange } from './chartTypes';
|
||
|
||
export const ZOOM_REQUEST_DELAY_MS = 180;
|
||
|
||
export function isXAxisDataZoom(state: DataZoomState): boolean {
|
||
return state.dataZoomId?.startsWith('history-x-') || state.dataZoomIndex === 0 || state.dataZoomIndex === 1;
|
||
}
|
||
|
||
/** Собирает начальный zoom-диапазон из внешних props графика. */
|
||
export function createInitialZoomRange(range: HistoryZoomRange): HistoryZoomRange {
|
||
return range;
|
||
}
|
||
|
||
/** Создает zoom-диапазон из миллисекунд и подбирает для него грануляцию. */
|
||
function createZoomRange(fromMs: number, toMs: number): HistoryZoomRange {
|
||
const from = new Date(fromMs).toISOString();
|
||
const to = new Date(toMs).toISOString();
|
||
|
||
return {
|
||
from,
|
||
to,
|
||
...getHistoryGranularity(from, to),
|
||
};
|
||
}
|
||
|
||
/** Достает подинтервал X-зума из события ECharts. */
|
||
export function getZoomRangeFromEvent(state: DataZoomState, baseRange: HistoryZoomRange): HistoryZoomRange | null {
|
||
const baseFromMs = new Date(baseRange.from).getTime();
|
||
const baseToMs = new Date(baseRange.to).getTime();
|
||
const baseSpanMs = baseToMs - baseFromMs;
|
||
|
||
if (!Number.isFinite(baseFromMs) || !Number.isFinite(baseToMs) || baseSpanMs <= 0) {
|
||
return null;
|
||
}
|
||
|
||
const startValue = Number(state.startValue);
|
||
const endValue = Number(state.endValue);
|
||
let nextFromMs = Number.isFinite(startValue) ? startValue : undefined;
|
||
let nextToMs = Number.isFinite(endValue) ? endValue : undefined;
|
||
|
||
// ECharts иногда не передает startValue/endValue, поэтому используем проценты start/end.
|
||
if (nextFromMs === undefined || nextToMs === undefined) {
|
||
const start = Number(state.start);
|
||
const end = Number(state.end);
|
||
|
||
if (!Number.isFinite(start) || !Number.isFinite(end)) {
|
||
return null;
|
||
}
|
||
|
||
nextFromMs = baseFromMs + (baseSpanMs * start) / 100;
|
||
nextToMs = baseFromMs + (baseSpanMs * end) / 100;
|
||
}
|
||
|
||
const fromMs = Math.max(baseFromMs, Math.min(nextFromMs, nextToMs));
|
||
const toMs = Math.min(baseToMs, Math.max(nextFromMs, nextToMs));
|
||
|
||
return toMs > fromMs ? createZoomRange(fromMs, toMs) : null;
|
||
}
|
||
|
||
/** Проверяет, что lazy zoom не пытается повторно применить тот же диапазон. */
|
||
export function isSameZoomRange(left: HistoryZoomRange, right: HistoryZoomRange): boolean {
|
||
return left.from === right.from && left.to === right.to && left.granulate === right.granulate;
|
||
}
|
||
|
||
/** Вычисляет, какую часть верхнеуровневого периода занимает текущий пользовательский zoom. */
|
||
export function createDataZoomState(baseRange: HistoryZoomRange, zoomRange: HistoryZoomRange): DataZoomState {
|
||
// Верхнеуровневый период берем из инпутов "С/По" и считаем его полными 0..100%.
|
||
const baseFromMs = new Date(baseRange.from).getTime();
|
||
const baseToMs = new Date(baseRange.to).getTime();
|
||
|
||
// Пользовательский zoom живет внутри верхнеуровневого периода и выделяется на нижней шкале.
|
||
const zoomFromMs = new Date(zoomRange.from).getTime();
|
||
const zoomToMs = new Date(zoomRange.to).getTime();
|
||
const baseSpanMs = baseToMs - baseFromMs;
|
||
|
||
// Если даты некорректны, показываем весь период, чтобы не ломать управление графиком.
|
||
if (
|
||
!Number.isFinite(baseFromMs) ||
|
||
!Number.isFinite(baseToMs) ||
|
||
!Number.isFinite(zoomFromMs) ||
|
||
!Number.isFinite(zoomToMs) ||
|
||
baseSpanMs <= 0
|
||
) {
|
||
return { start: 0, end: 100 };
|
||
}
|
||
|
||
// Переводим абсолютные даты zoom-а в проценты относительно верхнеуровневого периода.
|
||
const start = ((zoomFromMs - baseFromMs) / baseSpanMs) * 100;
|
||
const end = ((zoomToMs - baseFromMs) / baseSpanMs) * 100;
|
||
|
||
// Ограничиваем значения диапазоном 0..100, чтобы ECharts не получил выход за шкалу.
|
||
return {
|
||
start: Math.max(0, Math.min(100, start)),
|
||
end: Math.max(0, Math.min(100, end)),
|
||
};
|
||
}
|