@xpyjs/gantt-core 0.0.3 → 0.1.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xpyjs/gantt-core",
   "private": false,
-  "version": "0.0.3",
+  "version": "0.1.1",
   "description": "A powerful and flexible Gantt chart component library for modern web applications with TypeScript support",
   "type": "module",
   "main": "./dist/x-gantt.umd.cjs",

package/types/event/index.d.ts

@@ -87,5 +87,11 @@ export declare enum ErrorType {
     /** 无效参数 */
     LINK_INVALID_ARG = "LINK_INVALID_ARG",
     /** 检测到环 */
-    LINK_CYCLE = "LINK_CYCLE"
+    LINK_CYCLE = "LINK_CYCLE",
+    /** 移动目标无效 */
+    MOVE_INVALID_TARGET = "MOVE_INVALID_TARGET",
+    /** 移动产生循环依赖 */
+    MOVE_CIRCULAR_DEPENDENCY = "MOVE_CIRCULAR_DEPENDENCY",
+    /** 移动层级无效 */
+    MOVE_INVALID_HIERARCHY = "MOVE_INVALID_HIERARCHY"
 }

package/types/index.d.ts

@@ -9,5 +9,5 @@ import type { IOptions, IOptionConfig, EmitData } from "./types";
 import type { EventMap } from "./types/event";
 import type { ILink, DataChain, LinkType } from "./types/link";
 import type { ErrorType } from "./event";
-import type { XGanttUnit } from "./types/options";
-export type { IOptions, IOptionConfig, EmitData, EventMap, ILink, ErrorType, XGanttUnit, DataChain, LinkType };
+import type { XGanttUnit, DurationUnit, IScaleConfig, IScaleConfigBase, IScaleConfigBottom, ScaleUnit } from "./types/options";
+export type { IOptions, IOptionConfig, EmitData, EventMap, ILink, ErrorType, XGanttUnit, DurationUnit, IScaleConfig, IScaleConfigBase, IScaleConfigBottom, ScaleUnit, DataChain, LinkType };

package/types/models/Task.d.ts

@@ -1,7 +1,6 @@
 import type { Dayjs } from "dayjs";
 import { type EventBus } from "../event";
 import { TaskType } from "../types/options";
-import { EmitData } from "@/types";
 import { Store } from "@/store";
 export declare class Task {
     private store;
@@ -56,9 +55,12 @@ export declare class Task {
      */
     flatIndex: number;
     /**
-     * 时间持续间隔
+     * 工时持续时长
+     *
+     * @description 优先取原始 data 中的 duration
+     * @description 若原始数据未提供，则由 endTime - startTime 计算，仅保存在内部，不回填原始数据
      */
-    private duration;
+    private _duration;
     /**
      * 原始数据
      */
@@ -66,12 +68,38 @@ export declare class Task {
     private fields;
     constructor(store: Store, event: EventBus, data: any, parent?: Task, _id?: string);
     getField(field: string): any;
-    /** 切换展示模式时，需要调整时间 */
+    /** 切换展示模式时，需要调整展示长度 */
     updateMode(): boolean;
     updateData(data: any): void;
-    updateTime(startTime: Dayjs, endTime: Dayjs): void;
+    /**
+     * 更新 Task 时间并修改原始 data
+     */
+    updateTime(startTime: Dayjs, endTime: Dayjs, updateDuration?: boolean): void;
+    /**
+     * 更新 Task 持续时间并修改原始 data
+     */
+    updateDuration(startTime: Dayjs, endTime: Dayjs): void;
+    /**
+     * 按照规则，适配任务时间
+     *
+     * 规则：
+     * - 根据 direction 判断移动内容：left - 开始时间，right - 结束时间，both - 起止时间
+     * - 同时缺失 endTime、duration 的话，直接返回
+     * - 根据 duration 重新计算 endTime
+     * - 启用了跳过非工作日模式，自动调整任务时间，使其落在工作日上
+    */
+    fitWork(direction?: "left" | "right" | "both", options?: {
+        start?: Dayjs;
+        end?: Dayjs;
+    }): void;
+    /** 获取当前 duration */
+    get duration(): number;
     clone(): Task;
-    getEmitData(): EmitData;
+    getEmitData(): {
+        data: any;
+        $index: number;
+        level: number;
+    };
     getAllChildren(): Task[];
     isMilestone(): boolean;
     isSummary(): boolean;

package/types/rendering/Renderer.d.ts

@@ -10,6 +10,7 @@ export declare class Renderer {
     private table;
     private chart;
     private middleLine;
+    private guideLine;
     private renderScheduler;
     private _id;
     private width;

package/types/rendering/chart/ChartBody.d.ts

@@ -18,6 +18,15 @@ export declare class BodyGroup {
     private highlightRect;
     private selectedRowId;
     private selectedRect;
+    private boundHandleMouseMove;
+    private boundHandleMouseLeave;
+    private boundHandleClick;
+    private boundHandleDblClick;
+    private boundHandleContextMenu;
+    private onRowHighlight;
+    private onRowUnhighlight;
+    private onTaskSelected;
+    private onTaskUnselected;
     constructor(context: IContext, stage: Konva.Stage, layer: Konva.Layer, bgLayer: Konva.Layer);
     /**
      * 调整大小

package/types/rendering/chart/ChartGrid.d.ts

@@ -9,6 +9,10 @@ export declare class GridGroup {
     private height;
     private offsetX;
     private offsetY;
+    private renderedColStart;
+    private renderedColEnd;
+    private renderedRowStart;
+    private renderedRowEnd;
     constructor(context: IContext, layer: Konva.Layer);
     /**
      * 调整网格大小

package/types/rendering/chart/ChartHeader.d.ts

@@ -4,9 +4,13 @@ export declare class HeaderLayer {
     private context;
     private layer;
     private background;
-    private groupHeader;
-    private cellHeader;
+    private headerGroups;
+    private separatorLines;
     private cellCache;
+    private renderedStartX;
+    private renderedEndX;
+    /** 缓冲区比例：视口宽度的30%，左右各多渲染这么宽 */
+    private static readonly BUFFER_FACTOR;
     private width;
     private height;
     private offsetX;
@@ -29,9 +33,15 @@ export declare class HeaderLayer {
      */
     render(): void;
     /**
-     * 计算并绘制表头
+     * 构建表头结构（headerGroups + 分隔线）
+     * 仅在 resize 或数据变化时调用
      */
-    private calculateHeader;
+    private buildStructure;
+    /**
+     * 渲染表头 cell 内容（带缓冲区的可视范围裁剪）
+     * 滚动超出缓冲区时调用，重建 cells 但保留 group 结构
+     */
+    private renderCells;
     private createCell;
     /**
      * 清除表头内容

package/types/rendering/chart/ChartHoliday.d.ts

@@ -13,6 +13,8 @@ export declare class HolidayGroup {
     private offsetY;
     private holidayGroup;
     private patternImage;
+    /** 渲染版本号，用于丢弃过期的异步结果 */
+    private renderVersion;
     constructor(context: IContext, layer: Konva.Layer);
     /**
      * 调整假期大小

package/types/rendering/chart/ChartSlider.d.ts

@@ -40,6 +40,8 @@ export declare class ChartSlider {
     private bindEvents;
     /**
      * 移动后更新任务时间
+     * - 整体移动：锚定 startTime，duration 不变，用 duration 算 endTime
+     * - 单侧移动：锚定另一侧，重新计算 duration
      */
     private emitUpdate;
     private handleDragStart;
@@ -59,4 +61,8 @@ export declare class ChartSlider {
     private handleBarHighlight;
     /** 闪烁 */
     private handleBarBlink;
+    /**
+     * 销毁滑块，清理所有定时器和资源
+     */
+    destroy(): void;
 }

package/types/rendering/chart/ChartWeekend.d.ts

@@ -1,5 +1,4 @@
 import Konva from "konva";
-import dayjs from "../../utils/time";
 import { IContext } from "@/types/render";
 /**
  * 周末周末渲染
@@ -14,11 +13,9 @@ export declare class WeekendGroup {
     private offsetY;
     private weekendGroup;
     private patternImage;
+    /** 渲染版本号，用于丢弃过期的异步结果 */
+    private renderVersion;
     constructor(context: IContext, layer: Konva.Layer);
-    /**
-     * 检查日期是否为周末
-     */
-    isWeekend(date: dayjs.Dayjs): boolean;
     /**
      * 调整周末大小
      */

package/types/rendering/other/GuideLine.d.ts

@@ -8,6 +8,10 @@ export declare class GuideLine {
     private element;
     private container;
     private visible;
+    private onShowGuideline;
+    private onHideGuideline;
+    private onMoveGuideline;
+    private onOptionsUpdate;
     /**
      * @param container 指示线的容器元素
      */
@@ -51,4 +55,8 @@ export declare class GuideLine {
      * 更新参数
      */
     updateOptions(): void;
+    /**
+     * 销毁指示线，清理事件监听
+     */
+    destroy(): void;
 }

package/types/rendering/table/DragHandler.d.ts

@@ -17,10 +17,13 @@ export declare class DragHandler {
     private rowElement;
     constructor(context: IContext, container?: HTMLDivElement | undefined, task?: Task | undefined);
     private createElement;
+    private handleSelectStart;
     private bindEvents;
     private handleMouseDown;
     private handleMouseMove;
     private handleMouseUp;
+    /** ESC 取消拖拽的 keydown */
+    private handleKeyDown;
     /**
     * 创建拖拽跟随影像
     */

package/types/rendering/table/TableRow.d.ts

@@ -7,6 +7,15 @@ export declare class TableRow {
     private top;
     element: HTMLDivElement;
     private cells;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleClick;
+    private handleDblClick;
+    private handleContextMenu;
+    private onRowHighlight;
+    private onRowUnhighlight;
+    private onTaskSelected;
+    private onTaskUnselected;
     /**
      * 创建表格行
      * @param context 上下文

package/types/rendering/table/index.d.ts

@@ -11,5 +11,8 @@ export declare class Table {
     refresh(top: number, tasks: Task[]): void;
     updateWidth(): void;
     updateTask(task: Task): void;
+    private onUpdateTableHeader;
+    private onUpdateTableBody;
     private listenEvents;
+    destroy(): void;
 }

package/types/store/DataManager.d.ts

@@ -108,6 +108,10 @@ export declare class DataManager {
      * 更新子任务的层级
      */
     private updateChildrenLevel;
+    /**
+     * 重新计算所有任务的最大层级
+     */
+    private recalculateDataLevel;
     /**
      * 使缓存失效，标记需要重新生成扁平化任务列表
      */
@@ -138,6 +142,10 @@ export declare class DataManager {
     toggleAllChecked(checked: boolean): void;
     isTaskChecked(task: Task): boolean;
     updateTaskTime(task: Task, startTime: Dayjs, endTime: Dayjs, direction?: "left" | "right" | "both", oldTasks?: Task[]): void;
+    /**
+     * 基于某个任务进行时间适配的调整，并联动其子任务
+     */
+    fitTaskTime(task: Task, direction: "left" | "right" | "both", oldTasks?: Task[]): void;
     setBaselines(baselines: any[]): void;
     getBaselines(): Baseline[];
     /** 根据ID获取基线 */

package/types/store/TimeAxis.d.ts

@@ -1,6 +1,30 @@
 import dayjs, { type Dayjs } from "../utils/time";
-import { IGanttOptions } from "@/types/options";
-/** 表头项 */
+import { DurationUnit, IGanttOptions } from "@/types/options";
+/** 内部标准化后的 scale 配置 */
+export interface ParsedScale {
+    unit: DurationUnit;
+    step: number;
+    format?: string | ((date: Date, unit: DurationUnit, step: number) => string);
+    cellWidth?: number;
+    height?: number;
+}
+/** 时间线单元格项 */
+export interface TimelineCellItem {
+    /** 时间对象 */
+    date: Dayjs;
+    /** 展示的文本 */
+    label: string;
+    /** 跨越多少个最小渲染单位 */
+    span: number;
+    /** 是否隐藏 */
+    hide?: boolean;
+}
+/** 时间线层 */
+export interface TimelineLayer {
+    scale: ParsedScale;
+    items: TimelineCellItem[];
+}
+/** 表头项（旧接口，保持兼容） */
 export interface TimelineItem {
     /** 时间对象 */
     date: Dayjs;
@@ -22,25 +46,52 @@ export declare class TimeAxis {
     private strictEnd;
     /** 是否自适应宽度 */
     private isAuto;
-    /** 表头的日期列表 */
-    private timeline;
-    private headerGroupFormat?;
-    private headerCellFormat?;
+    /** N 层时间线缓存 */
+    private timelineLayers;
     private isDirty;
     /** 是否第一次赋值，如果第一次赋值，允许全部赋值 */
     private isFirstTime;
     /** 总宽度 */
     private allWidth;
-    /** 每一格的宽度 */
-    private cellWidth;
-    /** 用户设定的单位 */
+    /** 内部标准化后的 scales */
+    private scales;
+    /** 是否旧模式（未使用 scaleUnit） */
+    private isLegacyMode;
+    /** 旧模式下的 cellWidth 映射 */
+    private legacyCellWidthMap;
+    /** 新模式下的 cellWidth（px/最小渲染单位） */
+    private _resolvedCellWidth;
+    /** 各层解析后的行高（px） */
+    private _resolvedLayerHeights;
+    /** 解析后的实际 header 高度（可能因 scaleUnit.height 溢出而扩展） */
+    private _resolvedHeaderHeight;
+    /** 旧模式记录的 unit */
     private unit;
+    /** 旧模式的 headerGroupFormat / headerCellFormat */
+    private headerGroupFormat?;
+    private headerCellFormat?;
     constructor();
     getStartTime(): dayjs.Dayjs;
     getEndTime(): dayjs.Dayjs;
+    /** 获取每个最小渲染单位的像素宽度（语义不变） */
     getCellWidth(): number;
+    /** 获取底层 timeline 的总 cell 数 */
     getCellCount(): number;
-    getCellUnit(): "day" | "hour";
+    /** 获取最小渲染单位 */
+    getCellUnit(): "hour" | "day";
+    /** 获取内部标准化后的 scales */
+    getScales(): ParsedScale[];
+    /** 获取底层 scale */
+    getBottomScale(): ParsedScale;
+    /** 获取各层解析后的行高（px） */
+    getLayerHeights(): number[];
+    /** 获取解析后的实际 header 高度 */
+    getResolvedHeaderHeight(): number;
+    /**
+     * 获取底层一格的像素宽度
+     * 用于 ChartHeader/Grid 绘制底层 cell 的宽度
+     */
+    getBottomCellWidth(date?: Dayjs): number;
     setAllWidth(width: number): void;
     getTimeLeft(time: Dayjs): number;
     /**
@@ -52,25 +103,9 @@ export declare class TimeAxis {
     init(options: IGanttOptions, isFirstTime?: boolean): void;
     update(options: IGanttOptions): void;
     setDate(start?: Dayjs, end?: Dayjs): void;
-    /** 获取表头的日期列表 */
-    getTimeline(): TimelineItem[];
+    /** 获取 N 层时间线数据 */
+    getTimeline(): TimelineLayer[];
     clear(): void;
-    /**
-     * 缓存失效标记
-     */
-    private invalidateCache;
-    /** 获取细粒度单位 */
-    private getFinelyUnit;
-    /** 获取下层单位 */
-    private getChildUnit;
-    /** 获取上层单位 */
-    private getGroupUnit;
-    /** 格式化上层文本 */
-    private formatterGroupLabel;
-    /**
-     * 格式化下层文本
-     */
-    private formatterCellLabel;
     /**
      * 获取时间轴的总宽度
      * @returns 时间轴总宽度（像素）
@@ -83,4 +118,50 @@ export declare class TimeAxis {
      * @returns 是否在时间轴上
      */
     isInTimeAxis(time: Dayjs): boolean;
+    /**
+     * 计算一个 scale cell 包含多少个最小渲染单位
+     * @param scale scale 配置
+     * @param date 日期（用于月/季度等变长单位）
+     */
+    getUnitsPerCell(scale: ParsedScale, date?: Dayjs): number;
+    /** 缓存失效标记 */
+    private invalidateCache;
+    /** 获取最小渲染单位：scales 中含 hour/minute → 'hour'，否则 → 'day' */
+    private getMinimumUnit;
+    /** 旧 unit → 内部 scales 自动转换 */
+    private legacyUnitToScales;
+    /** 每层最小行高 */
+    private static readonly MIN_SCALE_ROW_HEIGHT;
+    /**
+     * 解析各层行高。
+     *
+     * 规则：
+     * - 未指定 height 的层平分剩余空间
+     * - 指定的 height < MIN_SCALE_ROW_HEIGHT 时钳位
+     * - 所有指定层的 height 之和超过 headerHeight 时，自动扩展 headerHeight
+     * - 所有层均指定 height 且总和 < headerHeight 时，上对齐，底部留空白
+     */
+    private resolveLayerHeights;
+    /** 从 chart.cellWidth 解析新模式下的 cellWidth 值 */
+    private resolveCellWidthFromChart;
+    /**
+     * 将 cursor 对齐到 scale 的自然步进边界。
+     *
+     * step=1 时，直接 startOf(unit)。
+     * step>1 时，以"父周期"为锚点，向前找到最近的 step 整数倍边界。
+     * 例如 { unit:"hour", step:8 } → 一天内的自然边界为 0:00 / 8:00 / 16:00，
+     * cursor=15:00 时对齐到 8:00，首格 8:00→16:00 会被 calculateSpan 裁剪为
+     * startTime→16:00 的不完整格，后续格保持不变。
+     */
+    private alignToScaleStart;
+    /** 推进 cursor 到下一个 cell */
+    private advanceCursor;
+    /** 计算 cursor 到 cellEnd 之间跨越了多少个最小渲染单位 */
+    private calculateSpan;
+    /** 格式化标签 */
+    private formatLabel;
+    /** 获取默认格式化 */
+    private getDefaultFormat;
+    /** 获取一个季度的天数 */
+    private getQuarterDays;
 }

package/types/store/index.d.ts

@@ -6,6 +6,7 @@ import { TimeAxis } from "./TimeAxis";
 import { Dayjs } from "dayjs";
 import { IContext } from "@/types/render";
 import { IOptionConfig, IOptions } from "@/types";
+import { WorkCalendar } from "./workCalendar";
 export declare class Store {
     private context;
     private optionManager;
@@ -13,8 +14,10 @@ export declare class Store {
     private columnManager;
     private linkManager;
     private timeAxis;
+    private workCalendar;
     constructor(context: IContext, options?: IOptions);
     getOptionManager(): OptionManager;
+    getWorkCalendar(): WorkCalendar;
     getDataManager(): DataManager;
     getColumnManager(): ColumnManager;
     getLinkManager(): LinkManager;

package/types/store/workCalendar.d.ts

@@ -0,0 +1,68 @@
+/**
+ * 工作日引擎工具。提供周末、节假日的判定函数，以及工作日计算能力
+ */
+import { type Dayjs } from '../utils/time';
+import type { IHolidayOpts, IWeekendOpts, IWorkTimeOpts } from '../types/calendar';
+/**
+ * 工作日历统一管理类
+ *
+ * @description 统一管理所有日期属性。可以判定、计算工作日、节假日、周末等
+ */
+export declare class WorkCalendar {
+    private weekendOpts?;
+    private holidayOpts?;
+    private workTimeOpts?;
+    constructor(weekendOpts?: IWeekendOpts, holidayOpts?: IHolidayOpts, workTimeOpts?: IWorkTimeOpts);
+    update(opts: {
+        weekendOpts?: IWeekendOpts;
+        holidayOpts?: IHolidayOpts;
+        workTimeOpts?: IWorkTimeOpts;
+    }): void;
+    /** 只有显式置条件判定为周末的，才会标记为周末。完整判定需要与其他方法共同完成 */
+    private _isWeekend;
+    /** 只有显式条件判定为节假日的，才会标记为节假日。完整判定需要与其他方法共同完成 */
+    private _isHoliday;
+    /** 只做特殊日期的标记，对于普通未标记的日期返回 undefined。完整判定需要与其他方法共同完成 */
+    private _isWorkTime;
+    /**
+     * 判断日期是否为工作时间
+     *
+     * @description 优先级：isWorkTime 钩子 > 节假日 > 周末
+     */
+    isWorkTime(date: Date | Dayjs): boolean;
+    /**
+     * 判断日期是否为周末
+     *
+     * @description 判定优先级: isWeekend 钩子 > days > 默认 [0, 6]
+     */
+    isWeekend(date: Date | Dayjs): boolean;
+    /**
+     * 判断日期是否为节假日
+     *
+     * @description 判定优先级: isHoliday 钩子 > holidays 列表
+     */
+    isHoliday(date: Date | Dayjs): boolean;
+    /**
+     * 基于一个日期，获取指定时长后的工作日期
+     *
+     * @param start - 起始日期
+     * @param n - 工作日时长（正数向后，负数向前，可为分数）
+     * @returns 目标日期
+     */
+    workOffset(start: Date | Dayjs, n: number): Dayjs;
+    /**
+     * 基于两个日期，计算之间的工作日时长
+     *
+     * @param start - 起始日期
+     * @param end - 结束日期
+     */
+    workDiff(start: Date | Dayjs, end: Date | Dayjs): number;
+    /**
+     * 基于两个日期，计算其中包含的非工作天数
+     */
+    restDays(start: Date | Dayjs, end: Date | Dayjs): number;
+    /**
+     * 基于某个日期获取最近的工作日(默认向后)
+     */
+    currentWorkTime(date: Date | Dayjs, direction?: 'after' | 'before'): Dayjs;
+}

package/types/types/calendar.d.ts

@@ -0,0 +1,97 @@
+import { IPattern } from "./styles";
+
+/**
+ * 周末配置选项
+ */
+export interface IWeekendOpts {
+  /**
+   * 自定义周末日期。默认周六、周日为周末
+   *
+   * @description 0=周日, 1=周一, ..., 6=周六（dayjs.day() 语义）
+   * @default [0, 6]（周六、周日）
+   *
+   * @example
+   * // 周五、周六为周末
+   * days: [5, 6]
+   *
+   * @example
+   * // 没有周末
+   * days: []
+   */
+  days?: number[];
+  /**
+   * 完全自定义周末的判定方法
+   *
+   * @description 优先级最高
+   * @description 返回 true 表示这天是周末。没有被判定的日期可以置空
+   */
+  isWeekend?: (date: Date) => boolean | undefined;
+}
+
+/**
+ * 节假日配置选项
+ */
+export interface IHolidayOpts {
+  /**
+   * 配置节假日期。可以针对不同节假日配置不同的背景颜色。默认使用统一配置颜色
+   */
+  holidays?: Array<
+    {
+      date: Date | number | string | Array<Date | number | string>;
+      backgroundColor?: string;
+      opacity?: number;
+      /**
+       * 自定义节假日期的文本
+       */
+      text?: {
+        /** 是否显示文本 */
+        show?: boolean;
+        /** 文本内容 */
+        content?: string;
+        /** 文本颜色 */
+        color?: string;
+        /** 背景颜色 */
+        backgroundColor?: string;
+        /** 透明度 */
+        opacity?: number;
+        /** 文本字体大小 */
+        fontSize?: number;
+        /** 文本字体 */
+        fontFamily?: string;
+      }
+    } & IPattern
+  >;
+  /**
+   * 完全自定义节假日的判定方法
+   *
+   * @description 优先级高于 holidays 列表
+   * @description 返回 true 表示这天是节假日。没有被判定的日期可以置空
+   */
+  isHoliday?: (date: Date) => boolean | undefined;
+}
+
+/**
+ * 工时引擎配置选项
+ */
+export interface IWorkTimeOpts {
+  /**
+   * 计算日期周期时，是否跳过周末
+   * @default false
+   * @description 当置为 true 时，任务周期会自动跳过周末。此时可能 duration 时长与 startTime - endTime 长度不一致
+   */
+  skipWeekends?: boolean;
+  /**
+   * 计算日期周期时，是否跳过节假日
+   * @default false
+   * @description 当置为 true 时，任务周期会自动跳过节假日。此时可能 duration 时长与 startTime - endTime 长度不一致
+   */
+  skipHolidays?: boolean;
+
+  /**
+   * 完全自定义工作日的判定方法
+   *
+   * @description 优先级高于节假日和周末。如果将某个日期判定为工作日，那么它不会再被 holiday 与 weekend 捕获。
+   * @returns 返回 true 表示这天是工作日。没有被判定的日期可以置空
+   */
+  isWorkTime?: (date: Date) => boolean | undefined;
+}

package/types/types/chart.d.ts

@@ -1,6 +1,15 @@
 import { XGanttUnit } from "./options";
 
 export interface IChartOptions {
+  /**
+   * 是否显示垂直网格线
+   *
+   * @default false
+   *
+   * @description 仅对 scaleUnit 参数生效。其余仍然为默认情况。
+   */
+  showVerticalLine?: boolean;
+
   /**
    * 开始时间。强制设置开始时间，覆盖数据中的开始时间。
    *