waveform-analysis 0.1.43 → 0.1.47

package/dist/style.css

@@ -1,2 +1,2 @@
-.waveform-annotation-layer[data-v-7254383e]{pointer-events:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]{pointer-events:auto;cursor:grab;touch-action:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]:active{cursor:grabbing}.waveform-annotation__arrow[data-v-7254383e]{stroke-width:2px;stroke-linecap:round;pointer-events:none}.waveform-annotation__box[data-v-7254383e]{stroke-width:1px;rx:3}.waveform-annotation-layer--interactive .waveform-annotation__box[data-v-7254383e]{pointer-events:auto}.waveform-annotation__text[data-v-7254383e]{pointer-events:none;-webkit-user-select:none;user-select:none}.waveform-annotation-context-menu[data-v-c70c98a1]{z-index:30;background:#fff;border:1px solid #dfe5ef;border-radius:4px;min-width:112px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 14px #10182829}.waveform-annotation-context-menu button[data-v-c70c98a1]{color:#344054;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:12px}.waveform-annotation-context-menu button[data-v-c70c98a1]:hover{background:#f2f4f7}.waveform-annotation-editor-root,.waveform-annotation-editor-root *{box-sizing:border-box}.waveform-annotation-editor-root{color:#344054;text-align:left;text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5715}.waveform-annotation-editor-root button,.waveform-annotation-editor-root input,.waveform-annotation-editor-root select,.waveform-annotation-editor-root textarea{letter-spacing:normal;text-transform:none;font-family:inherit}.waveform-annotation-editor-root button{appearance:auto}.waveform-annotation-editor__content[data-v-42466cf9]{color:#344054;gap:20px;font-size:13px;display:grid}.waveform-annotation-editor__coordinates[data-v-42466cf9]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waveform-annotation-editor__coordinates span[data-v-42466cf9],.waveform-annotation-editor__series[data-v-42466cf9]{background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinates span[data-v-42466cf9]{color:#667085}.waveform-annotation-editor__coordinate-input[data-v-42466cf9]{color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinate-input[data-v-42466cf9] .ant-input-number{color:#344054;width:auto;min-width:96px;font-family:SFMono-Regular,Consolas,monospace}.waveform-annotation-editor__coordinate-value[data-v-42466cf9]{display:none}.waveform-annotation-editor__coordinate-error[data-v-42466cf9]{color:#d92d20;grid-column:1/-1;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinate-hint[data-v-42466cf9]{color:#98a2b3;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinates b[data-v-42466cf9]{color:#1677ff;font-size:11px}.waveform-annotation-editor__coordinates code[data-v-42466cf9]{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.waveform-annotation-editor__series[data-v-42466cf9]{gap:10px}.waveform-annotation-editor__series i[data-v-42466cf9]{border:1px solid #0000001f;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.waveform-annotation-editor__series-label[data-v-42466cf9]{gap:1px;min-width:0;display:grid}.waveform-annotation-editor__series select[data-v-42466cf9]{color:#344054;min-width:0;max-width:190px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:5px;margin-left:auto;padding:5px 7px}.waveform-annotation-editor__series small[data-v-42466cf9]{color:#667085;font-size:10px}.waveform-annotation-editor__series b[data-v-42466cf9]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waveform-annotation-editor__series code[data-v-42466cf9]{color:#667085;margin-left:auto;font-size:11px}.waveform-annotation-editor__field[data-v-42466cf9],.waveform-annotation-editor__color-field[data-v-42466cf9]{gap:4px;display:grid}.waveform-annotation-editor__label-row[data-v-42466cf9]{justify-content:space-between;align-items:center;gap:8px;display:flex}.waveform-annotation-editor__label-row b[data-v-42466cf9],.waveform-annotation-editor__colors legend[data-v-42466cf9]{color:#344054;font-size:12px;font-weight:600}.waveform-annotation-editor__label-row small[data-v-42466cf9]{color:#98a2b3;font-size:11px}.waveform-annotation-editor textarea[data-v-42466cf9]{box-sizing:border-box;color:#1d2939;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;line-height:1.5}.waveform-annotation-editor textarea[data-v-42466cf9]:focus{border-color:#1677ff;outline:3px solid #1677ff24}.waveform-annotation-editor__colors[data-v-42466cf9]{border:0;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.waveform-annotation-editor__colors legend[data-v-42466cf9]{grid-column:1/-1;padding:0}.waveform-annotation-editor__color-field[data-v-42466cf9]{color:#667085;text-align:left;place-items:stretch stretch;min-width:0;font-size:11px}.waveform-annotation-editor__color-field[data-v-42466cf9] .vc-color-wrap{border:1px solid #cfd5df;border-radius:6px;width:100%;height:34px;margin-right:0;box-shadow:inset 0 0 0 1px #ffffff61}.waveform-annotation-editor__color-field[data-v-42466cf9] .vc-color-wrap:hover{border-color:#98a2b3;box-shadow:0 0 0 3px #1677ff1f}@media (width<=420px){.waveform-annotation-editor__content[data-v-42466cf9]{gap:16px}.waveform-annotation-editor__coordinates[data-v-42466cf9]{grid-template-columns:1fr}}.waveform-tooltip[data-v-1f55d6c8]{box-sizing:border-box;z-index:2;color:#505050;pointer-events:none;background:#fff;border:1px solid #e3e7eb;border-radius:4px;gap:2px;width:max-content;max-width:min(560px,100% - 16px);padding:9px 12px;font:14px/1.35 Arial,sans-serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-1f55d6c8]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-1f55d6c8]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-1f55d6c8]{flex-wrap:nowrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-1f55d6c8]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.waveform-tooltip__value[data-v-1f55d6c8]{white-space:nowrap;flex:none}.waveform-tooltip__series strong[data-v-1f55d6c8]{font-weight:600}.waveform-tooltip__value[data-v-1f55d6c8]{color:#555}.waveform-tooltip__series small[data-v-1f55d6c8]{color:#667085}.waveform-track__line[data-v-42a3fd47]{fill:none;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-42a3fd47]{fill:none}.waveform-track__point[data-v-42a3fd47],.waveform-track__error-bar[data-v-42a3fd47]{pointer-events:none}.waveform-track{isolation:isolate;pointer-events:none}.waveform-track__y-axis-label-bg{fill:#fff;opacity:.9;pointer-events:none}.waveform-track__y-axis-label{pointer-events:none;font-size:12px;font-weight:500}.waveform-track__grid{pointer-events:none}.waveform-track__grid--major line{stroke:#dfe5ef;stroke-width:1px}.waveform-track__grid--minor line{stroke:#f2f5fa;stroke-width:1px}.waveform-track__plot-frame,.waveform-track__plot-background{pointer-events:none}.waveform-track__watermark{fill:#1677ff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace}.waveform-track__overlay{fill:#0000;cursor:crosshair;pointer-events:all;touch-action:none}.waveform-track__no-visible-series{fill:#8c8c8c;pointer-events:none;font:13px sans-serif}.waveform-track__overlay.is-zoomable{cursor:grab}.waveform-track__overlay.is-zoomable:active{cursor:grabbing}.waveform-track__overlay.is-annotating{cursor:crosshair}.waveform-track__overlay.is-presentation{cursor:default;pointer-events:none}.waveform-track__zero-line{fill:none;pointer-events:none}.waveform-track__axis-endpoint{fill:#667085;pointer-events:none;font-size:11px}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px}.waveform-legend[data-v-2ae12e71]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-2ae12e71]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-2ae12e71]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-2ae12e71]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-2ae12e71]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-2ae12e71]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-2ae12e71]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-2ae12e71]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-2ae12e71]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-2ae12e71]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-2ae12e71]{color:#344054;border:1px solid #d0d5dde6;border-radius:4px;flex:0 auto;gap:5px 12px;max-width:100%;max-height:100%;padding:5px 7px;font:12px/1.35 sans-serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-2ae12e71]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-2ae12e71]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-2ae12e71]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-2ae12e71]{min-width:0;max-width:160px;color:inherit;font:inherit;text-align:left;white-space:nowrap;appearance:none;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.waveform-legend__item[data-v-2ae12e71]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-2ae12e71]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-2ae12e71]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-2ae12e71]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-2ae12e71]{text-decoration:line-through}.waveform-legend__swatch[data-v-2ae12e71]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-2ae12e71]{text-overflow:ellipsis;min-width:0;overflow:hidden}.waveform-track__crosshair[data-v-a6f82099]{pointer-events:none}.waveform-track__crosshair line[data-v-a6f82099]{stroke:#57617b;stroke-width:1px;stroke-dasharray:4 3}.waveform-chart{box-sizing:border-box;color:#475467;background:#fff;border:1px solid #00000014;border-radius:6px;min-width:0;min-height:180px;position:relative;overflow:hidden}.waveform-chart--clean{border-color:#0000}.waveform-chart__pagination{z-index:2;position:absolute;bottom:6px;right:10px}.waveform-chart__title-area{background:#fff;align-items:center;width:100%;min-width:0;padding:0 24px;display:flex;position:relative;overflow:hidden}.waveform-chart__title-measure{visibility:hidden;pointer-events:none;display:block;position:absolute}.waveform-chart__title-visual{flex:none;min-width:0;position:relative;overflow:visible}.waveform-chart__title-text{transform-origin:50%;line-height:1.2;display:block;position:absolute;top:50%;left:50%;overflow:visible}.waveform-chart__pagination .ant-pagination-item,.waveform-chart__pagination .ant-pagination-prev .ant-pagination-item-link,.waveform-chart__pagination .ant-pagination-next .ant-pagination-item-link{background:#fff;border-color:#d9d9d9}.waveform-chart__pagination .ant-pagination-item-active{border-color:#1677ff}.waveform-chart__grid-slot-placeholder{fill:#fafbfc;stroke:#e4e7ec;stroke-dasharray:4 4;pointer-events:none}.waveform-chart__svg{max-width:100%;display:block}.waveform-chart__overlay{fill:#0000;cursor:crosshair;touch-action:none}.waveform-chart__overlay.is-zoomable{cursor:crosshair}.waveform-chart--panning .waveform-chart__overlay.is-zoomable{cursor:grabbing}.waveform-chart__zoom-selection{fill:#1677ff24;stroke:#1677ff;stroke-width:1px;pointer-events:none}.waveform-chart__overlay.is-annotating{cursor:crosshair}.waveform-chart--presentation .waveform-chart__overlay{cursor:default;pointer-events:none}.waveform-chart__label,.waveform-chart__empty{fill:#595959;font-size:12px}
+.waveform-annotation-layer[data-v-7254383e]{pointer-events:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]{pointer-events:auto;cursor:grab;touch-action:none}.waveform-annotation-layer--interactive .waveform-annotation[data-v-7254383e]:active{cursor:grabbing}.waveform-annotation__arrow[data-v-7254383e]{stroke-width:2px;stroke-linecap:round;pointer-events:none}.waveform-annotation__box[data-v-7254383e]{stroke-width:1px;rx:3}.waveform-annotation-layer--interactive .waveform-annotation__box[data-v-7254383e]{pointer-events:auto}.waveform-annotation__text[data-v-7254383e]{pointer-events:none;-webkit-user-select:none;user-select:none}.waveform-annotation-context-menu[data-v-c70c98a1]{z-index:30;background:#fff;border:1px solid #dfe5ef;border-radius:4px;min-width:112px;padding:4px;display:grid;position:absolute;box-shadow:0 4px 14px #10182829}.waveform-annotation-context-menu button[data-v-c70c98a1]{color:#344054;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 10px;font-size:12px}.waveform-annotation-context-menu button[data-v-c70c98a1]:hover{background:#f2f4f7}.waveform-annotation-editor-root,.waveform-annotation-editor-root *{box-sizing:border-box}.waveform-annotation-editor-root{color:#344054;text-align:left;text-transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.5715}.waveform-annotation-editor-root button,.waveform-annotation-editor-root input,.waveform-annotation-editor-root select,.waveform-annotation-editor-root textarea{letter-spacing:normal;text-transform:none;font-family:inherit}.waveform-annotation-editor-root button{appearance:auto}.waveform-annotation-editor__content[data-v-42466cf9]{color:#344054;gap:20px;font-size:13px;display:grid}.waveform-annotation-editor__coordinates[data-v-42466cf9]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.waveform-annotation-editor__coordinates span[data-v-42466cf9],.waveform-annotation-editor__series[data-v-42466cf9]{background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinates span[data-v-42466cf9]{color:#667085}.waveform-annotation-editor__coordinate-input[data-v-42466cf9]{color:#667085;background:#f8fafc;border:1px solid #eaecf0;border-radius:7px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.waveform-annotation-editor__coordinate-input[data-v-42466cf9] .ant-input-number{color:#344054;width:auto;min-width:96px;font-family:SFMono-Regular,Consolas,monospace}.waveform-annotation-editor__coordinate-value[data-v-42466cf9]{display:none}.waveform-annotation-editor__coordinate-error[data-v-42466cf9]{color:#d92d20;grid-column:1/-1;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinate-hint[data-v-42466cf9]{color:#98a2b3;margin:-12px 0 0;font-size:11px;line-height:1.4}.waveform-annotation-editor__coordinates b[data-v-42466cf9]{color:#1677ff;font-size:11px}.waveform-annotation-editor__coordinates code[data-v-42466cf9]{color:#344054;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.waveform-annotation-editor__series[data-v-42466cf9]{gap:10px}.waveform-annotation-editor__series i[data-v-42466cf9]{border:1px solid #0000001f;border-radius:2px;flex:0 0 12px;width:12px;height:12px}.waveform-annotation-editor__series-label[data-v-42466cf9]{gap:1px;min-width:0;display:grid}.waveform-annotation-editor__series select[data-v-42466cf9]{color:#344054;min-width:0;max-width:190px;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:5px;margin-left:auto;padding:5px 7px}.waveform-annotation-editor__series small[data-v-42466cf9]{color:#667085;font-size:10px}.waveform-annotation-editor__series b[data-v-42466cf9]{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.waveform-annotation-editor__series code[data-v-42466cf9]{color:#667085;margin-left:auto;font-size:11px}.waveform-annotation-editor__field[data-v-42466cf9],.waveform-annotation-editor__color-field[data-v-42466cf9]{gap:4px;display:grid}.waveform-annotation-editor__label-row[data-v-42466cf9]{justify-content:space-between;align-items:center;gap:8px;display:flex}.waveform-annotation-editor__label-row b[data-v-42466cf9],.waveform-annotation-editor__colors legend[data-v-42466cf9]{color:#344054;font-size:12px;font-weight:600}.waveform-annotation-editor__label-row small[data-v-42466cf9]{color:#98a2b3;font-size:11px}.waveform-annotation-editor textarea[data-v-42466cf9]{box-sizing:border-box;color:#1d2939;width:100%;min-height:92px;font:inherit;resize:vertical;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:10px 11px;line-height:1.5}.waveform-annotation-editor textarea[data-v-42466cf9]:focus{border-color:#1677ff;outline:3px solid #1677ff24}.waveform-annotation-editor__colors[data-v-42466cf9]{border:0;border-top:1px solid #eaecf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:14px 0 0;display:grid}.waveform-annotation-editor__colors legend[data-v-42466cf9]{grid-column:1/-1;padding:0}.waveform-annotation-editor__color-field[data-v-42466cf9]{color:#667085;text-align:left;place-items:stretch stretch;min-width:0;font-size:11px}.waveform-annotation-editor__color-field[data-v-42466cf9] .vc-color-wrap{border:1px solid #cfd5df;border-radius:6px;width:100%;height:34px;margin-right:0;box-shadow:inset 0 0 0 1px #ffffff61}.waveform-annotation-editor__color-field[data-v-42466cf9] .vc-color-wrap:hover{border-color:#98a2b3;box-shadow:0 0 0 3px #1677ff1f}@media (width<=420px){.waveform-annotation-editor__content[data-v-42466cf9]{gap:16px}.waveform-annotation-editor__coordinates[data-v-42466cf9]{grid-template-columns:1fr}}.waveform-tooltip[data-v-b9ed144d]{box-sizing:border-box;z-index:2;color:#505050;pointer-events:none;background:#fff;border:1px solid #e3e7eb;border-radius:4px;gap:2px;width:max-content;max-width:min(560px,100% - 16px);padding:9px 12px;font:14px/1.35 Arial,sans-serif;display:grid;position:absolute;box-shadow:0 3px 10px #10182826}.waveform-tooltip__series[data-v-b9ed144d]{grid-template-columns:8px minmax(0,1fr);align-items:start;gap:6px;display:grid}.waveform-tooltip__series i[data-v-b9ed144d]{border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.waveform-tooltip__series-content[data-v-b9ed144d]{flex-wrap:nowrap;align-items:baseline;gap:12px;min-width:0;display:flex}.waveform-tooltip__series-label[data-v-b9ed144d]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.waveform-tooltip__value[data-v-b9ed144d]{white-space:nowrap;flex:none}.waveform-tooltip__series strong[data-v-b9ed144d]{font-weight:600}.waveform-tooltip__value[data-v-b9ed144d]{color:#555}.waveform-tooltip__series small[data-v-b9ed144d]{color:#667085}.waveform-track__line[data-v-42a3fd47]{fill:none;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.waveform-track__error-bar[data-v-42a3fd47]{fill:none}.waveform-track__point[data-v-42a3fd47],.waveform-track__error-bar[data-v-42a3fd47]{pointer-events:none}.waveform-track{isolation:isolate;pointer-events:none}.waveform-track__y-axis-label-bg{fill:#fff;opacity:.9;pointer-events:none}.waveform-track__y-axis-label{pointer-events:none;font-size:12px;font-weight:500}.waveform-track__grid{pointer-events:none}.waveform-track__grid--major line{stroke:#dfe5ef;stroke-width:1px}.waveform-track__grid--minor line{stroke:#f2f5fa;stroke-width:1px}.waveform-track__plot-frame,.waveform-track__plot-background{pointer-events:none}.waveform-track__watermark{fill:#1677ff1a;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace}.waveform-track__overlay{fill:#0000;cursor:crosshair;pointer-events:all;touch-action:none}.waveform-track__no-visible-series{fill:#8c8c8c;pointer-events:none;font:13px sans-serif}.waveform-track__overlay.is-zoomable{cursor:grab}.waveform-track__overlay.is-zoomable:active{cursor:grabbing}.waveform-track__overlay.is-annotating{cursor:crosshair}.waveform-track__overlay.is-presentation{cursor:default;pointer-events:none}.waveform-track__zero-line{fill:none;pointer-events:none}.waveform-track__axis-endpoint{fill:#667085;pointer-events:none;font-size:11px}.waveform-track__axis-exponent{fill:#666;font-family:sans-serif;font-size:10px}.waveform-track__axis path,.waveform-track__axis line{stroke:#1f2937}.waveform-track__axis text{fill:#667085;font-size:11px}.waveform-legend[data-v-2ae12e71]{pointer-events:none;overflow:hidden}.waveform-legend__viewport[data-v-2ae12e71]{box-sizing:border-box;width:100%;height:100%;padding:8px;display:flex;overflow:hidden}.waveform-legend__viewport--top-left[data-v-2ae12e71]{justify-content:flex-start;align-items:flex-start}.waveform-legend__viewport--top[data-v-2ae12e71]{justify-content:center;align-items:flex-start}.waveform-legend__viewport--top-right[data-v-2ae12e71]{justify-content:flex-end;align-items:flex-start}.waveform-legend__viewport--right[data-v-2ae12e71]{justify-content:flex-end;align-items:center}.waveform-legend__viewport--bottom-right[data-v-2ae12e71]{justify-content:flex-end;align-items:flex-end}.waveform-legend__viewport--bottom[data-v-2ae12e71]{justify-content:center;align-items:flex-end}.waveform-legend__viewport--bottom-left[data-v-2ae12e71]{justify-content:flex-start;align-items:flex-end}.waveform-legend__viewport--left[data-v-2ae12e71]{justify-content:flex-start;align-items:center}.waveform-legend__panel[data-v-2ae12e71]{color:#344054;border:1px solid #d0d5dde6;border-radius:4px;flex:0 auto;gap:5px 12px;max-width:100%;max-height:100%;padding:5px 7px;font:12px/1.35 sans-serif;display:flex;overflow:hidden}.waveform-legend__panel--interactive[data-v-2ae12e71]{pointer-events:auto}.waveform-legend__panel--horizontal[data-v-2ae12e71]{flex-flow:wrap;align-items:center}.waveform-legend__panel--vertical[data-v-2ae12e71]{flex-flow:column;align-items:stretch}.waveform-legend__item[data-v-2ae12e71]{min-width:0;max-width:160px;color:inherit;font:inherit;text-align:left;white-space:nowrap;appearance:none;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.waveform-legend__item[data-v-2ae12e71]:disabled{opacity:1}.waveform-legend__panel--interactive .waveform-legend__item[data-v-2ae12e71]{cursor:pointer}.waveform-legend__panel--interactive .waveform-legend__item[data-v-2ae12e71]:focus-visible{outline-offset:2px;outline:2px solid #1677ff}.waveform-legend__item.is-hidden[data-v-2ae12e71]{opacity:.45}.waveform-legend__item.is-hidden .waveform-legend__label[data-v-2ae12e71]{text-decoration:line-through}.waveform-legend__swatch[data-v-2ae12e71]{stroke-linecap:round;stroke-linejoin:round;flex:0 0 26px;width:26px;height:16px;overflow:visible}.waveform-legend__label[data-v-2ae12e71]{text-overflow:ellipsis;min-width:0;overflow:hidden}.waveform-track__crosshair[data-v-044318c2]{pointer-events:none}.waveform-track__crosshair line[data-v-044318c2]{stroke:#57617b;stroke-width:1px;stroke-dasharray:4 3}.waveform-chart{box-sizing:border-box;color:#475467;background:#fff;border:1.2px solid #00000014;border-radius:6px;min-width:0;min-height:180px;position:relative;overflow:hidden}.waveform-chart--clean{border-color:#0000}.waveform-chart__pagination{z-index:2;position:absolute;bottom:6px;right:10px}.waveform-chart__title-area{background:#fff;align-items:center;width:100%;min-width:0;padding:0 24px;display:flex;position:relative;overflow:hidden}.waveform-chart__title-measure{visibility:hidden;pointer-events:none;display:block;position:absolute}.waveform-chart__title-visual{flex:none;min-width:0;position:relative;overflow:visible}.waveform-chart__title-text{transform-origin:50%;line-height:1.2;display:block;position:absolute;top:50%;left:50%;overflow:visible}.waveform-chart__pagination .ant-pagination-item,.waveform-chart__pagination .ant-pagination-prev .ant-pagination-item-link,.waveform-chart__pagination .ant-pagination-next .ant-pagination-item-link{background:#fff;border-color:#d9d9d9}.waveform-chart__pagination .ant-pagination-item-active{border-color:#1677ff}.waveform-chart__grid-slot-placeholder{fill:#fafbfc;stroke:#e4e7ec;stroke-dasharray:4 4;pointer-events:none}.waveform-chart__svg{max-width:100%;display:block}.waveform-chart__overlay{fill:#0000;cursor:crosshair;touch-action:none}.waveform-chart__overlay.is-zoomable{cursor:crosshair}.waveform-chart--panning .waveform-chart__overlay.is-zoomable{cursor:grabbing}.waveform-chart__zoom-selection{fill:#1677ff24;stroke:#1677ff;stroke-width:1px;pointer-events:none}.waveform-chart__overlay.is-annotating{cursor:crosshair}.waveform-chart--presentation .waveform-chart__overlay{cursor:default;pointer-events:none}.waveform-chart__label,.waveform-chart__empty{fill:#595959;font-size:12px}
 /*$vite$:1*/

package/dist/types/components/core/constants.d.ts

@@ -37,11 +37,11 @@ export declare const Y_AXIS_OUTER_PADDING = 4;
 /**
  * Y轴标签间距（像素）
  */
-export declare const Y_AXIS_LABEL_GAP = 6;
+export declare const Y_AXIS_LABEL_GAP = 0;
 /**
  * Y轴标签带宽度（像素）
  */
-export declare const Y_AXIS_LABEL_BAND_WIDTH = 24;
+export declare const Y_AXIS_LABEL_BAND_WIDTH = 12;
 /**
  * Y轴指数标签间距（像素）
  */

package/dist/types/components/core/grid.d.ts

@@ -7,6 +7,8 @@ export interface WaveformGridOptions {
     columnCount?: number;
     showPagination?: boolean;
     fillIncompleteLastRow?: boolean;
+    /** Stable grid slots. Empty IDs remain as empty chart frames and keep their page position. */
+    trackOrder?: string[];
     trackLines?: WaveformGridTrackLines;
 }
 export interface WaveformGridLineOptions {
@@ -29,6 +31,7 @@ export interface NormalizedWaveformGridOptions {
     columnCount: number;
     showPagination: boolean;
     fillIncompleteLastRow: boolean;
+    trackOrder?: string[];
     trackLines: Record<string, NormalizedWaveformGridLineOptions>;
 }
 export interface GridCellGeometry {

package/dist/types/components/core/types.d.ts

@@ -58,11 +58,12 @@ export interface HoveredSeriesPoint {
     unit?: string;
     color: string;
     trackIndex: number;
-    point: WaveformPoint;
+    point: WaveformPoint | null;
 }
 export interface WaveformHoverState {
     points: HoveredSeriesPoint[];
     trackIndex: number | null;
+    queryX: number | null;
     position: {
         x: number;
         y: number;
@@ -75,7 +76,8 @@ export interface TrackLayout {
     /** Stable track key derived from trackId, or from the series id when trackId is omitted. */
     id: string;
     index: number;
-    series: DisplaySeries;
+    /** Primary visible series, if this grid slot has waveform data. */
+    series: DisplaySeries | null;
     /** Visible series used by rendering and interaction code. */
     seriesList: DisplaySeries[];
     /** Complete series list used by the legend. */

package/dist/types/components/core/yAxisConstants.d.ts

@@ -1,6 +1,6 @@
 export declare const Y_AXIS_CHARACTER_WIDTH = 7;
 export declare const Y_AXIS_TICK_PADDING = 7;
 export declare const Y_AXIS_OUTER_PADDING = 4;
-export declare const Y_AXIS_LABEL_GAP = 6;
-export declare const Y_AXIS_LABEL_BAND_WIDTH = 24;
+export declare const Y_AXIS_LABEL_GAP = 0;
+export declare const Y_AXIS_LABEL_BAND_WIDTH = 12;
 export declare function resolveYAxisSides(axisCount: number): Array<'left' | 'right'>;

package/dist/types/components/interaction/WaveformTooltip.vue.d.ts

@@ -5,7 +5,7 @@ interface SeriesPoint {
     shotNo?: string;
     color: string;
     unit?: string;
-    point: WaveformPoint;
+    point: WaveformPoint | null;
 }
 interface Props {
     /** 是否显示 */

package/dist/types/components/interaction/useWaveformViewport.d.ts

@@ -1,7 +1,8 @@
 import { type ZoomTransform } from 'd3';
 import { type ComputedRef, type Ref, type ShallowRef } from 'vue';
 import type { DisplayTrack, TrackLayout } from '../core/types';
-import type { ResolvedWaveformChartProps, ViewportSelectionState, WaveformChartEmit } from '../core/waveformChartTypes';
+import type { ResolvedWaveformChartProps, ViewportSelectionState } from '../core/waveformChartTypes';
+import type { WaveformChartEmit } from '../core/waveformChartTypes';
 import type { AnnotationSeriesCandidate } from '../annotation';
 interface ViewportContext {
     props: ResolvedWaveformChartProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waveform-analysis",
-  "version": "0.1.43",
+  "version": "0.1.47",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/types/index.d.ts",

package/src/App.test.ts

@@ -18,23 +18,19 @@ describe('App workspace layout', { timeout: 20_000 }, () => {
           ? data.series[0].data.points.length
           : 0
       const initialPointCount = pointCount(chart.props('data') as WaveformData)
-
       chart.vm.$emit('zoom-end', { start: 0, end: 0.001 })
       await wrapper.get('[aria-label="重置波形视图"]').trigger('click')
       await vi.advanceTimersByTimeAsync(100)
       await flushPromises()
-
       expect(pointCount(chart.props('data') as WaveformData)).toBe(initialPointCount)
     } finally {
       wrapper.unmount()
       vi.useRealTimers()
     }
   })
-
   it('places controls in the sidebar beside the chart', async () => {
     const wrapper = mount(App)
     await flushPromises()
-
     const panel = wrapper.get('#waveform-control-panel')
     const frameControls = panel.get('.frame-style-controls')
     expect(panel.find('h1').exists()).toBe(false)
@@ -88,7 +84,6 @@ describe('App workspace layout', { timeout: 20_000 }, () => {
     expect(legendColorPicker.props('disableAlpha')).toBe(false)
     expect(panel.text()).not.toContain('数据摘要')
     expect(wrapper.get('.chart-panel').find('.waveform-chart').exists()).toBe(true)
-
     wrapper.unmount()
   })
 
@@ -262,8 +257,8 @@ describe('App workspace layout', { timeout: 20_000 }, () => {
     simulatedSeries.forEach((item) => {
       expect(item.data.kind).toBe('points')
       if (item.data.kind === 'points') {
-        expect(item.data.points).toHaveLength(1000)
-        expect(item.data.points[0]?.x).toBe(-5)
+        expect(item.data.points).toHaveLength(item.name === '阶跃响应' ? 500 : 1000)
+        expect(item.data.points[0]?.x).toBeCloseTo(item.name === '阶跃响应' ? 5 / 999 : -5, 10)
       }
     })
 

package/src/components/WaveformChart.css

@@ -6,7 +6,7 @@
   overflow: hidden;
   color: #475467;
   background: #fff;
-  border: 1px solid rgb(0 0 0 / 8%);
+  border: 1.2px solid rgb(0 0 0 / 8%);
   border-radius: 6px;
 }
 

package/src/components/WaveformChartView.vue

@@ -222,7 +222,7 @@ function handleChartPointerLeave() {
         <!-- 轨道渲染 -->
         <WaveformTrack
           v-for="track in trackLayouts"
-          :key="`${track.index}-${track.series.name}`"
+          :key="`${track.index}-${track.id}`"
           :track="track"
           :clip-path-id="clipPathId"
           :inner-width="innerWidth"
@@ -277,7 +277,7 @@ function handleChartPointerLeave() {
         <g v-if="!isCleanView" class="waveform-chart__legend-layer">
           <g
             v-for="track in trackLayouts"
-            :key="`legend-${track.index}-${track.series.name}`"
+            :key="`legend-${track.index}-${track.id}`"
             class="waveform-chart__legend-track"
             :data-legend-track-index="track.index"
             :data-legend-track-id="track.id"

package/src/components/core/constants.ts

@@ -5,7 +5,7 @@
 // ==================== 布局常量 ====================
 
 /** 图表边距 */
-export const margin = { top: 18, right: 24, bottom: 52, left: 64 }
+export const margin = { top: 18, right: 24, bottom: 52, left: 80 }
 
 /** Distance from the drawing SVG bottom edge to the X-axis title baseline. */
 export const X_AXIS_TITLE_BOTTOM_OFFSET = 12
@@ -44,12 +44,12 @@ export const Y_AXIS_OUTER_PADDING = 4
 /**
  * Y轴标签间距（像素）
  */
-export const Y_AXIS_LABEL_GAP = 6
+export const Y_AXIS_LABEL_GAP = 0
 
 /**
  * Y轴标签带宽度（像素）
  */
-export const Y_AXIS_LABEL_BAND_WIDTH = 24
+export const Y_AXIS_LABEL_BAND_WIDTH = 12
 
 /**
  * Y轴指数标签间距（像素）

package/src/components/core/grid.test.ts

@@ -16,6 +16,7 @@ describe('waveform grid helpers', () => {
       columnCount: 1,
       showPagination: true,
       fillIncompleteLastRow: false,
+      trackOrder: [],
       trackLines: {},
     })
     expect(normalizeGridOptions({ rowCount: 0, columnCount: 99 })).toEqual({
@@ -23,10 +24,17 @@ describe('waveform grid helpers', () => {
       columnCount: 10,
       showPagination: true,
       fillIncompleteLastRow: false,
+      trackOrder: [],
       trackLines: {},
     })
   })
 
+  it('normalizes track order by trimming, dropping blanks, and removing duplicates', () => {
+    expect(
+      normalizeGridOptions({ trackOrder: [' voltage ', '', 'current', 'voltage', '  '] }),
+    ).toMatchObject({ trackOrder: ['voltage', 'current'] })
+  })
+
   it('normalizes per-track grid line visibility with visible defaults', () => {
     expect(
       normalizeGridOptions({
@@ -170,7 +178,11 @@ describe('waveform grid helpers', () => {
 
   it('keeps full pages and the disabled option byte-for-byte compatible', () => {
     const base = normalizeGridOptions({ rowCount: 2, columnCount: 2 })
-    const filled = normalizeGridOptions({ rowCount: 2, columnCount: 2, fillIncompleteLastRow: true })
+    const filled = normalizeGridOptions({
+      rowCount: 2,
+      columnCount: 2,
+      fillIncompleteLastRow: true,
+    })
     const fullSlots = [true, true, true, true]
     expect(resolveGridCellGeometry(400, 300, filled, 'independent', fullSlots)).toEqual(
       resolveGridCellGeometry(400, 300, base, 'independent', fullSlots),

package/src/components/core/grid.ts

@@ -9,6 +9,8 @@ export interface WaveformGridOptions {
   columnCount?: number
   showPagination?: boolean
   fillIncompleteLastRow?: boolean
+  /** Stable grid slots. Empty IDs remain as empty chart frames and keep their page position. */
+  trackOrder?: string[]
   trackLines?: WaveformGridTrackLines
 }
 
@@ -35,6 +37,7 @@ export interface NormalizedWaveformGridOptions {
   columnCount: number
   showPagination: boolean
   fillIncompleteLastRow: boolean
+  trackOrder?: string[]
   trackLines: Record<string, NormalizedWaveformGridLineOptions>
 }
 
@@ -59,6 +62,15 @@ const normalizeCount = (value: unknown, fallback: number) => {
   return Math.min(GRID_MAX_COUNT, Math.max(GRID_MIN_COUNT, Math.floor(numeric)))
 }
 
+const normalizeTrackOrder = (trackOrder: unknown): string[] => {
+  if (!Array.isArray(trackOrder)) return []
+  const normalized = trackOrder
+    .filter((trackId): trackId is string => typeof trackId === 'string')
+    .map((trackId) => trackId.trim())
+    .filter(Boolean)
+  return Array.from(new Set(normalized))
+}
+
 export function normalizeGridOptions(options?: WaveformGridOptions): NormalizedWaveformGridOptions {
   const trackLines = Object.fromEntries(
     Object.entries(options?.trackLines ?? {}).map(([trackId, lines]) => [
@@ -82,6 +94,7 @@ export function normalizeGridOptions(options?: WaveformGridOptions): NormalizedW
     columnCount: normalizeCount(options?.columnCount, 1),
     showPagination: options?.showPagination ?? true,
     fillIncompleteLastRow: options?.fillIncompleteLastRow ?? false,
+    trackOrder: normalizeTrackOrder(options?.trackOrder),
     trackLines,
   }
 }
@@ -148,10 +161,7 @@ export function resolveGridCellGeometry(
   }
   const totalVerticalGap = Math.max(0, rowCount - 1) * defaultGap
   const totalAxisBand = axisRows.size * X_AXIS_BAND
-  const plotHeight = Math.max(
-    1,
-    (innerHeight - totalVerticalGap - totalAxisBand) / rowCount,
-  )
+  const plotHeight = Math.max(1, (innerHeight - totalVerticalGap - totalAxisBand) / rowCount)
 
   return Array.from({ length: filledLastRow ? seriesCount : pageSize }, (_, slotIndex) => {
     const row = Math.floor(slotIndex / options.columnCount)

package/src/components/core/layout.test.ts

@@ -253,8 +253,8 @@ describe('multi-value Y-axis grouping', () => {
         labelOffset: Math.abs(labelX - x),
       })),
     ).toEqual([
-      { side: 'left', labelOffset: 67 },
-      { side: 'right', labelOffset: 67 },
+      { side: 'left', labelOffset: 55 },
+      { side: 'right', labelOffset: 55 },
     ])
   })
 
@@ -262,7 +262,7 @@ describe('multi-value Y-axis grouping', () => {
     const [group] = buildYAxisSeriesGroups(track([series('long', -1e120, 1e120)]), 'multi-axis')
 
     expect(group).toBeDefined()
-    expect(measureYAxisGroupClearance(group!)).toBe(90)
+    expect(measureYAxisGroupClearance(group!)).toBe(72)
   })
 })
 

package/src/components/core/layout.ts

@@ -17,8 +17,8 @@ export { MAX_MULTI_Y_AXIS_COUNT } from './constants'
 const Y_AXIS_CHARACTER_WIDTH = 7
 const Y_AXIS_TICK_PADDING = 7
 const Y_AXIS_OUTER_PADDING = 4
-const Y_AXIS_LABEL_GAP = 6
-const Y_AXIS_LABEL_BAND_WIDTH = 24
+const Y_AXIS_LABEL_GAP = 0
+const Y_AXIS_LABEL_BAND_WIDTH = 12
 
 export function resolveYAxisTickCount(_plotHeight: number, splitNumber?: number): number {
   if (typeof splitNumber === 'number' && Number.isFinite(splitNumber)) {

package/src/components/core/trackLayoutBuilder.ts

@@ -26,7 +26,7 @@ import {
   type NormalizedWaveformGridOptions,
 } from './grid'
 import { axisTextMetrics, resolveYAxisSeriesGroups, resolveYAxisTickCount } from './layout'
-import type { DisplaySeries, DisplayTrack, TrackLayout, WaveformYAxisLayout } from './types'
+import type { DisplayTrack, TrackLayout, WaveformYAxisLayout } from './types'
 import { applyXDomainStrategy } from './xDomain'
 import {
   Y_AXIS_LABEL_BAND_WIDTH,
@@ -81,33 +81,24 @@ export function buildTrackLayouts(options: BuildTrackLayoutsOptions): TrackLayou
   const bottomCells = getBottomRowCellIndexes(visibleCells, options.grid.columnCount)
 
   return visibleCells.flatMap((cell, index) => {
-    const isEmpty = !cell.series
-    if (isEmpty && (options.displayMode !== 'compact' || !options.showCompactEmptyTracks)) return []
-    const emptySeries: DisplaySeries = {
+    const isEmpty = !cell.series || cell.series.series.length === 0
+    if (!cell.series && (options.displayMode !== 'compact' || !options.showCompactEmptyTracks))
+      return []
+    const displayTrack: DisplayTrack = cell.series ?? {
       id: `empty-grid-slot-${cell.slotIndex}`,
-      name: '',
-      color: 'transparent',
-      lineType: 'linear',
-      lineStyle: 'solid',
-      pointType: 'none',
-      errorBar: { visible: false, width: 1.5, capWidth: 8 },
-      points: [],
+      series: [],
+      visibleSeries: [],
       xDomain: [0, 1],
       yDomain: [0, 1],
-      hasErrorPoints: false,
-    }
-    const displayTrack: DisplayTrack = cell.series ?? {
-      id: emptySeries.id,
-      series: [emptySeries],
-      visibleSeries: [emptySeries],
-      xDomain: emptySeries.xDomain,
-      yDomain: emptySeries.yDomain,
     }
     const hasVisibleSeries = !isEmpty && displayTrack.visibleSeries.length > 0
-    const series = displayTrack.visibleSeries[0] ?? displayTrack.series[0] ?? emptySeries
+    const series = displayTrack.visibleSeries[0] ?? displayTrack.series[0] ?? null
     const baseXScale =
       options.displayMode === 'independent'
-        ? scaleLinear(resolveIndependentXDomain(displayTrack, series.id, options), [0, cell.width])
+        ? scaleLinear(
+            resolveIndependentXDomain(displayTrack, series?.id ?? displayTrack.id, options),
+            [0, cell.width],
+          )
         : scaleLinear(options.sharedZoomDomain, [0, cell.width])
     const transform =
       options.displayMode === 'independent'
@@ -162,7 +153,7 @@ export function buildTrackLayouts(options: BuildTrackLayoutsOptions): TrackLayou
         labelX,
         scale,
         majorTicks,
-        minorTicks: buildMinorTicks(majorTicks),
+        minorTicks: buildMinorTicks(majorTicks, 2),
         tickValues,
         seriesList: group.seriesList,
       }
@@ -248,7 +239,7 @@ export function buildTrackLayouts(options: BuildTrackLayoutsOptions): TrackLayou
       yScale,
       yAxes,
       xMajorTicks,
-      xMinorTicks: buildMinorTicks(xMajorTicks, 5, domain),
+      xMinorTicks: buildMinorTicks(xMajorTicks, 3, domain),
       yMajorTicks,
       yMinorTicks: yAxes[0]?.minorTicks ?? [],
       yAxisTickValues,

package/src/components/core/types.ts

@@ -69,12 +69,13 @@ export interface HoveredSeriesPoint {
   unit?: string
   color: string
   trackIndex: number
-  point: WaveformPoint
+  point: WaveformPoint | null
 }
 
 export interface WaveformHoverState {
   points: HoveredSeriesPoint[]
   trackIndex: number | null
+  queryX: number | null
   position: { x: number; y: number }
 }
 
@@ -85,7 +86,8 @@ export interface TrackLayout {
   /** Stable track key derived from trackId, or from the series id when trackId is omitted. */
   id: string
   index: number
-  series: DisplaySeries
+  /** Primary visible series, if this grid slot has waveform data. */
+  series: DisplaySeries | null
   /** Visible series used by rendering and interaction code. */
   seriesList: DisplaySeries[]
   /** Complete series list used by the legend. */

package/src/components/core/useWaveformChartController.ts

@@ -59,6 +59,7 @@ export function useWaveformChartController(
   const hoverState = shallowReactive<WaveformHoverState>({
     points: [],
     trackIndex: null,
+    queryX: null,
     position: { x: 0, y: 0 },
   })
   const suppressHoverUntilMove = ref(false)

package/src/components/core/useWaveformLayout.ts

@@ -75,6 +75,7 @@ export function useWaveformLayout(context: LayoutContext) {
         (index === 0 ? props.lineColor : channelColors[index % channelColors.length]),
     })),
   )
+  const gridOptions = computed(() => normalizeGridOptions(props.grid))
   const chartTracks = computed<DisplayTrack[]>(() => {
     const groupedSeries = new Map<string, DisplaySeries[]>()
     chartSeries.value.forEach((series) => {
@@ -83,7 +84,13 @@ export function useWaveformLayout(context: LayoutContext) {
       if (trackSeries) trackSeries.push(series)
       else groupedSeries.set(trackId, [series])
     })
-    return Array.from(groupedSeries, ([id, series]) => {
+    const trackOrder = gridOptions.value.trackOrder ?? []
+    const orderedTrackIds = [
+      ...trackOrder,
+      ...Array.from(groupedSeries.keys()).filter((trackId) => !trackOrder.includes(trackId)),
+    ]
+    return orderedTrackIds.map((id) => {
+      const series = groupedSeries.get(id) ?? []
       const visibleSeries = series.filter((item) => !hiddenSeriesIdSet.value.has(item.id))
       const xDomainValues: number[] = []
       const yDomainValues: number[] = []
@@ -95,12 +102,11 @@ export function useWaveformLayout(context: LayoutContext) {
         id,
         series,
         visibleSeries,
-        xDomain: paddedDomain(xDomainValues),
-        yDomain: paddedDomain(yDomainValues),
+        xDomain: xDomainValues.length ? paddedDomain(xDomainValues) : [0, 1],
+        yDomain: yDomainValues.length ? paddedDomain(yDomainValues) : [0, 1],
       }
     })
   })
-  const gridOptions = computed(() => normalizeGridOptions(props.grid))
   const renderingOptions = computed(() => resolveWaveformRenderingOptions(props.rendering))
   const pageCount = computed(() => getPageCount(chartTracks.value.length, gridOptions.value))
   const pagedTracks = computed(() =>
@@ -245,8 +251,8 @@ export function useWaveformLayout(context: LayoutContext) {
   })
   const resolveInitialTrackDomain = (track: TrackLayout): [number, number] => {
     const configuredDomain =
-      props.initialXDomains?.[track.series.trackId ?? track.series.id] ??
-      props.initialXDomains?.[track.series.id] ??
+      props.initialXDomains?.[track.series?.trackId ?? track.series?.id ?? track.id] ??
+      (track.series ? props.initialXDomains?.[track.series.id] : undefined) ??
       props.initialXDomain
     if (
       configuredDomain &&

package/src/components/core/yAxisConstants.ts

@@ -1,8 +1,8 @@
 export const Y_AXIS_CHARACTER_WIDTH = 7
 export const Y_AXIS_TICK_PADDING = 7
 export const Y_AXIS_OUTER_PADDING = 4
-export const Y_AXIS_LABEL_GAP = 6
-export const Y_AXIS_LABEL_BAND_WIDTH = 24
+export const Y_AXIS_LABEL_GAP = 0
+export const Y_AXIS_LABEL_BAND_WIDTH = 12
 
 export function resolveYAxisSides(axisCount: number): Array<'left' | 'right'> {
   if (axisCount >= 4) return ['left', 'left', 'right', 'right']

package/src/components/interaction/WaveformHoverHost.vue

@@ -12,7 +12,9 @@ const props = defineProps<{
   containerHeight: number
 }>()
 
-const hoveredPoint = computed(() => props.state.points[0]?.point ?? null)
+const hoveredPoint = computed(
+  () => props.state.points.find((seriesPoint) => seriesPoint.point)?.point ?? null,
+)
 </script>
 
 <template>

package/src/components/interaction/WaveformTooltip.test.ts

@@ -170,4 +170,27 @@ describe('WaveformTooltip', () => {
 
     expect(wrapper.get('.waveform-tooltip__series-label').text()).toBe('未配置炮号： 温度')
   })
+
+  it('uses each series sample time and marks unavailable series without synthesizing values', () => {
+    const wrapper = mount(WaveformTooltip, {
+      props: {
+        visible: true,
+        position: { x: 10, y: 10 },
+        timeUnit: 's',
+        hoveredPoint: { x: 1, y: 12 },
+        seriesPoints: [
+          { trackIndex: 0, name: '完整数据', color: '#f00', point: { x: 1, y: 12 } },
+          { trackIndex: 1, name: '异步采样', color: '#0a0', point: { x: 1.25, y: 8 } },
+          { trackIndex: 2, name: '缺失数据', color: '#00f', point: null },
+        ],
+        containerWidth: 400,
+        containerHeight: 300,
+      },
+    })
+
+    const values = wrapper
+      .findAll('.waveform-tooltip__value')
+      .map((value) => value.text())
+    expect(values).toEqual(['(x:1 y:12)', '(x:1.25 y:8)', '无数据'])
+  })
 })

package/src/components/interaction/WaveformTooltip.vue

@@ -9,7 +9,7 @@ interface SeriesPoint {
   shotNo?: string
   color: string
   unit?: string
-  point: WaveformPoint
+  point: WaveformPoint | null
 }
 
 interface Props {
@@ -45,10 +45,12 @@ function estimateLineCount(text: string, width: number): number {
 }
 
 function formatSeriesText(seriesPoint: SeriesPoint): string {
-  const timeText = formatTooltipTime(props.hoveredPoint?.x ?? seriesPoint.point.x, props.timeUnit)
+  const valueText = seriesPoint.point
+    ? `(x:${formatTooltipTime(seriesPoint.point.x, props.timeUnit)} y:${formatTooltipNumber(seriesPoint.point.y)})`
+    : '无数据'
   return `${seriesPoint.shotNo?.trim() || '未配置炮号'}： ${seriesPoint.name}${
     seriesPoint.unit ? `(${seriesPoint.unit})` : ''
-  }  (x:${timeText} y:${formatTooltipNumber(seriesPoint.point.y)})`
+  }  ${valueText}`
 }
 
 function estimateTooltipHeight(width: number): number {
@@ -114,9 +116,10 @@ const tooltipStyle = computed(() => {
         <span class="waveform-tooltip__series-label">{{ seriesPoint.shotNo?.trim() || '未配置炮号' }}： {{
           seriesPoint.name
         }}<template v-if="seriesPoint.unit">({{ seriesPoint.unit }})</template></span>
-        <span class="waveform-tooltip__value">(x:{{ formatTooltipTime(hoveredPoint.x, timeUnit) }} y:{{
-          formatTooltipNumber(seriesPoint.point.y)
-        }})</span>
+        <span v-if="seriesPoint.point" class="waveform-tooltip__value">(x:{{
+          formatTooltipTime(seriesPoint.point.x, timeUnit)
+        }} y:{{ formatTooltipNumber(seriesPoint.point.y) }})</span>
+        <span v-else class="waveform-tooltip__value waveform-tooltip__value--missing">无数据</span>
       </span>
     </span>
   </div>