waveform-analysis 0.1.42 → 0.1.46

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/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;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waveform-analysis",
-  "version": "0.1.42",
+  "version": "0.1.46",
   "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/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/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

@@ -135,9 +135,7 @@ export function buildTrackLayouts(options: BuildTrackLayoutsOptions): TrackLayou
         (_, index) => axisStart + ((axisEnd - axisStart) * index) / (tickCount - 1),
       )
       const showAxisEnd = options.displayMode !== 'compact' || cell.row === 0
-      const visibleMajorTicks = showAxisEnd
-        ? majorTicks
-        : majorTicks.filter((tick) => tick !== axisEnd)
+      const visibleMajorTicks = showAxisEnd ? majorTicks : majorTicks.slice(0, -1)
       const tickValues = visibleMajorTicks
       const { tickTextWidth } = axisTextMetrics(
         scale.domain() as [number, number],
@@ -164,7 +162,7 @@ export function buildTrackLayouts(options: BuildTrackLayoutsOptions): TrackLayou
         labelX,
         scale,
         majorTicks,
-        minorTicks: buildMinorTicks(majorTicks),
+        minorTicks: buildMinorTicks(majorTicks, 2),
         tickValues,
         seriesList: group.seriesList,
       }
@@ -250,7 +248,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 }
 }
 

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/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>

package/src/components/interaction/useWaveformHover.ts

@@ -62,18 +62,21 @@ export function useWaveformHover(context: HoverContext) {
   const commitHover = (
     nextPoints: HoveredSeriesPoint[],
     trackIndex: number | null,
+    queryX: number,
     position: { x: number; y: number },
   ) => {
     if (isPresentationMode.value) return
     if (!hoveredPointsMatch(nextPoints)) hoverState.points = nextPoints
     hoverState.trackIndex = trackIndex
+    hoverState.queryX = queryX
     hoverState.position = position
-    emit('point-hover', hoverState.points[0]?.point ?? null)
+    emit('point-hover', hoverState.points.find((point) => point.point)?.point ?? null)
   }
   const clearHover = () => {
     cancelPendingHover()
     hoverState.points = []
     hoverState.trackIndex = null
+    hoverState.queryX = null
     emit('point-hover', null)
   }
   const handlePointerLeave = () => {
@@ -82,7 +85,7 @@ export function useWaveformHover(context: HoverContext) {
   const createHoveredSeriesPoint = (
     series: DisplaySeries,
     trackIndex: number,
-    point: WaveformPoint,
+    point: WaveformPoint | null,
   ): HoveredSeriesPoint => ({
     id: series.id,
     shotNo: series.shotNo,
@@ -106,8 +109,12 @@ export function useWaveformHover(context: HoverContext) {
     clearHover()
     return true
   }
-  const nearestPoint = (series: DisplaySeries, xValue: number): WaveformPoint | undefined =>
-    series.points[pointBisector.center(series.points, xValue)]
+  const nearestPoint = (series: DisplaySeries, xValue: number): WaveformPoint | undefined => {
+    const firstPoint = series.points[0]
+    const lastPoint = series.points.at(-1)
+    if (!firstPoint || !lastPoint || xValue < firstPoint.x || xValue > lastPoint.x) return undefined
+    return series.points[pointBisector.center(series.points, xValue)]
+  }
 
   const handleIndependentPointerMove = (event: PointerEvent, trackIndex: number) => {
     if (isPresentationMode.value) return
@@ -125,11 +132,10 @@ export function useWaveformHover(context: HoverContext) {
       const currentTrack = trackLayouts.value[trackIndex]
       if (!currentTrack || !currentTrack.hasVisibleSeries || currentTrack !== track) return
       const xValue = track.xScale.invert(Math.max(0, Math.min(innerWidth.value, pointerX)))
-      const nextPoints = track.seriesList.flatMap((series) => {
-        const point = nearestPoint(series, xValue)
-        return point ? [createHoveredSeriesPoint(series, trackIndex, point)] : []
-      })
-      commitHover(nextPoints, trackIndex, {
+      const nextPoints = track.seriesList.map((series) =>
+        createHoveredSeriesPoint(series, trackIndex, nearestPoint(series, xValue) ?? null),
+      )
+      commitHover(nextPoints, trackIndex, xValue, {
         x: resolvedChartLeftMargin.value + track.left + pointerX,
         y: titleAreaHeight.value + chartTopMargin.value + track.top + pointerY,
       })
@@ -155,12 +161,11 @@ export function useWaveformHover(context: HoverContext) {
       )
       const xValue = referenceTrack.xScale.invert(localPointerX)
       const nextPoints = trackLayouts.value.flatMap((track) =>
-        track.seriesList.flatMap((series) => {
-          const point = nearestPoint(series, xValue)
-          return point ? [createHoveredSeriesPoint(series, track.index, point)] : []
-        }),
+        track.seriesList.map((series) =>
+          createHoveredSeriesPoint(series, track.index, nearestPoint(series, xValue) ?? null),
+        ),
       )
-      commitHover(nextPoints, null, {
+      commitHover(nextPoints, null, xValue, {
         x: resolvedChartLeftMargin.value + pointerX,
         y: titleAreaHeight.value + chartTopMargin.value + pointerY,
       })

package/src/components/rendering/WaveformHoverLayer.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import type { HoveredSeriesPoint, TrackLayout, WaveformHoverState } from '../core/types'
+import type { TrackLayout, WaveformHoverState } from '../core/types'
 
 const props = defineProps<{
   state: WaveformHoverState
@@ -11,23 +11,17 @@ const props = defineProps<{
 }>()
 
 interface Crosshair {
-  point: HoveredSeriesPoint
   track: TrackLayout
   x: number
 }
 
 const crosshairs = computed<Crosshair[]>(() => {
-  if (!props.visible) return []
-
-  const pointByTrack = new Map<number, HoveredSeriesPoint>()
-  props.state.points.forEach((point) => {
-    if (!pointByTrack.has(point.trackIndex)) pointByTrack.set(point.trackIndex, point)
-  })
+  if (!props.visible || props.state.queryX === null) return []
 
   return props.tracks.flatMap((track) => {
-    const point = pointByTrack.get(track.index)
-    return point && !track.isEmpty && track.hasVisibleSeries
-      ? [{ point, track, x: track.xScale(point.point.x) }]
+    const trackIsActive = props.state.trackIndex === null || props.state.trackIndex === track.index
+    return trackIsActive && !track.isEmpty && track.hasVisibleSeries
+      ? [{ track, x: track.xScale(props.state.queryX!) }]
       : []
   })
 })

package/src/components/rendering/WaveformTrackAxes.vue

@@ -5,6 +5,7 @@ import { nextTick, onMounted, ref, watch } from 'vue'
 import type { WaveformAxesOptions } from '../../types'
 import { formatScientificAxisLabel, formatXAxisLabel } from '../../utils'
 import type { DisplaySeries, TrackLayout, WaveformYAxisLayout } from '../core/types'
+import { Y_AXIS_LABEL_BAND_WIDTH } from '../core/yAxisConstants'
 
 interface Props {
   track: TrackLayout
@@ -169,9 +170,9 @@ watch(
   >
     <rect
       class="waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg"
-      :x="track.yAxisLabelX - 12"
+      :x="track.yAxisLabelX - Y_AXIS_LABEL_BAND_WIDTH / 2"
       :y="track.height / 2 - 40"
-      width="24"
+      :width="Y_AXIS_LABEL_BAND_WIDTH"
       height="80"
       rx="2"
     />
@@ -194,9 +195,9 @@ watch(
   >
     <rect
       class="waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg"
-      :x="axis.labelX - 12"
+      :x="axis.labelX - Y_AXIS_LABEL_BAND_WIDTH / 2"
       :y="track.height / 2 - 40"
-      width="24"
+      :width="Y_AXIS_LABEL_BAND_WIDTH"
       height="80"
       rx="2"
     />

package/src/components/waveformChartCases/compactAndSharedHover.test.ts

@@ -72,6 +72,49 @@ describe('WaveformChart', () => {
     expect(endTicks[3]).toHaveLength(0)
   })
 
+  it('removes the later compact row top tick when the Y-axis end has a floating-point tail', async () => {
+    const yDomain: [number, number] = [-1, 0.2]
+    const calculatedAxisEnd =
+      yDomain[0] + ((yDomain[1] - yDomain[0]) * 4) / 4
+    expect(calculatedAxisEnd).not.toBe(yDomain[1])
+
+    const wrapper = await mountSizedChart(
+      {
+        kind: 'series',
+        series: [
+          {
+            name: 'top',
+            data: { kind: 'points', points: [{ x: 0, y: -0.8 }, { x: 1, y: 0.1 }] },
+          },
+          {
+            name: 'bottom',
+            data: { kind: 'points', points: [{ x: 0, y: -0.7 }, { x: 1, y: 0 }] },
+          },
+        ],
+      },
+      { displayMode: 'compact', grid: { rowCount: 2, columnCount: 1 }, yDomain },
+    )
+
+    const [topTrack, bottomTrack] = wrapper.findAll('.waveform-chart__track')
+    const ticksAt = (track: typeof topTrack, position: number) =>
+      track.findAll('.waveform-chart__axis--y .tick').filter((tick) => {
+        const match = tick.attributes('transform')?.match(/translate\(0,\s*([\d.]+)\)/)
+        return match ? Math.abs(Number(match[1]) - position) <= 1 : false
+      })
+    const topTrackHeight = Number(topTrack.attributes('data-track-height'))
+
+    expect(ticksAt(topTrack, 0)).toHaveLength(1)
+    expect(ticksAt(topTrack, 0)[0].text()).toBe('0.2')
+    expect(ticksAt(bottomTrack, 0)).toHaveLength(0)
+    expect(Number(bottomTrack.attributes('data-track-top'))).toBeCloseTo(
+      Number(topTrack.attributes('data-track-top')) + topTrackHeight,
+      6,
+    )
+
+    const boundaryLabels = [...ticksAt(topTrack, topTrackHeight), ...ticksAt(bottomTrack, 0)]
+    expect(boundaryLabels).toHaveLength(1)
+  })
+
   it('prefixes one shared exponent to the largest visible tick on every compact Y axis', async () => {
     const wrapper = await mountSizedChart(
       {

package/src/components/waveformChartCases/dataLifecycle.test.ts

@@ -170,7 +170,7 @@ describe('WaveformChart', () => {
     )
     expect(labelX).toBeLessThan(-46)
     expect(Number(wrapper.get('.waveform-chart__y-axis-label-bg').attributes('x'))).toBe(
-      labelX - 12,
+      labelX - 6,
     )
     expect(yAxisLabels.every((label) => !label.text().includes('(T)'))).toBe(true)
     expect(wrapper.findAll('.waveform-chart__track-label')).toHaveLength(0)

package/src/components/waveformChartCases/frameGridAndFormatting.test.ts

@@ -22,6 +22,16 @@ describe('WaveformChart', () => {
 
     expect(wrapper.findAll('.waveform-chart__grid--major line').length).toBeGreaterThan(0)
     expect(wrapper.findAll('.waveform-chart__grid--minor line').length).toBeGreaterThan(0)
+    expect(
+      wrapper.findAll('.waveform-chart__grid--major [data-grid-direction="horizontal"]'),
+    ).toHaveLength(5)
+    expect(
+      wrapper.findAll('.waveform-chart__grid--minor [data-grid-direction="horizontal"]'),
+    ).toHaveLength(4)
+    expect(
+      wrapper.findAll('.waveform-chart__grid--minor [data-grid-direction="vertical"]'),
+    ).not.toHaveLength(0)
+    expect(getComputedStyle(wrapper.element).borderTopWidth).toBe('1.2px')
     expect(wrapper.find('.waveform-chart__plot-frame').exists()).toBe(true)
     expect(wrapper.get('.waveform-chart__plot-frame').attributes()).toMatchObject({
       fill: 'none',