@wil-works/evoke-charts 0.4.0 → 0.5.0

package/dist/ai.mjs

@@ -1,2 +1,2 @@
-import { a as SPEC_RULES, c as inferColumns, d as parseNumeric, f as chartOptionsSchema, i as formatExamples, l as looksLikeTime, n as buildChartPrompt, o as detectIntent, p as validateOptions, r as SPEC_EXAMPLES, s as generateChartSpec, t as lintChartSpec, u as parseDataTable } from "./ai-BdpMydhW.js";
+import { a as SPEC_RULES, c as inferColumns, d as parseNumeric, f as chartOptionsSchema, i as formatExamples, l as looksLikeTime, n as buildChartPrompt, o as detectIntent, p as validateOptions, r as SPEC_EXAMPLES, s as generateChartSpec, t as lintChartSpec, u as parseDataTable } from "./ai-BmXDig6M.js";
 export { SPEC_EXAMPLES, SPEC_RULES, buildChartPrompt, chartOptionsSchema, detectIntent, formatExamples, generateChartSpec, inferColumns, lintChartSpec, looksLikeTime, parseDataTable, parseNumeric, validateOptions };

package/dist/evoke-charts.css

@@ -1,5 +1,5 @@
 
-.ev-chart[data-v-04ce6a3d] {
+.ev-chart[data-v-df8a90cc] {
   position: relative;
   /* 容器不带边框：是否加框、加多粗由宿主决定，图表只负责内容；
      圆角裁剪下沉到 canvas 与浮层自身（border-radius: inherit） */
@@ -9,7 +9,7 @@
 }
 
 /* 关键：canvas 必须能接收鼠标事件 */
-.ev-chart__canvas[data-v-04ce6a3d] {
+.ev-chart__canvas[data-v-df8a90cc] {
   position: absolute;
   top: 0;
   left: 0;
@@ -23,14 +23,14 @@
 
 /* HTML 覆盖层：只在内容层，不与 canvas 抢交互（子元素可自行 pointer-events:auto），
    也不压过 tooltip（z-index 100） */
-.ev-chart__overlay[data-v-04ce6a3d] {
+.ev-chart__overlay[data-v-df8a90cc] {
   position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: none;
   border-radius: inherit;
 }
-.ev-chart__tooltip[data-v-04ce6a3d] {
+.ev-chart__tooltip[data-v-df8a90cc] {
   position: absolute;
   pointer-events: none;
   z-index: 100;
@@ -50,47 +50,47 @@
 }
 
 /* tooltip 淡入淡出（仅 opacity，位置由 left/top transition 负责） */
-.ev-chart-tooltip-enter-active[data-v-04ce6a3d],
-.ev-chart-tooltip-leave-active[data-v-04ce6a3d] {
+.ev-chart-tooltip-enter-active[data-v-df8a90cc],
+.ev-chart-tooltip-leave-active[data-v-df8a90cc] {
   transition: var(--ev-tooltip-fade-transition);
 }
 
 /* 进入期间禁用位置 transition，避免首次出现时从旧位置滑入 */
-.ev-chart-tooltip-enter-active[data-v-04ce6a3d] {
+.ev-chart-tooltip-enter-active[data-v-df8a90cc] {
   transition:
     var(--ev-tooltip-fade-transition),
     left 0s,
     top 0s;
 }
-.ev-chart-tooltip-enter-from[data-v-04ce6a3d],
-.ev-chart-tooltip-leave-to[data-v-04ce6a3d] {
+.ev-chart-tooltip-enter-from[data-v-df8a90cc],
+.ev-chart-tooltip-leave-to[data-v-df8a90cc] {
   opacity: 0;
 }
 
 /* v-html 注入的内容不带 scoped 属性，需用 :deep() 穿透 */
-[data-v-04ce6a3d] .ev-chart__tooltip-title {
+[data-v-df8a90cc] .ev-chart__tooltip-title {
   color: var(--ev-text-color-secondary, #6b7280);
   font-size: 12px;
   margin-bottom: 6px;
   font-weight: 500;
 }
-[data-v-04ce6a3d] .ev-chart__tooltip-item {
+[data-v-df8a90cc] .ev-chart__tooltip-item {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 2px 0;
 }
-[data-v-04ce6a3d] .ev-chart__tooltip-dot {
+[data-v-df8a90cc] .ev-chart__tooltip-dot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   flex-shrink: 0;
   display: inline-block;
 }
-[data-v-04ce6a3d] .ev-chart__tooltip-name {
+[data-v-df8a90cc] .ev-chart__tooltip-name {
   color: var(--ev-text-color-primary, #111827);
 }
-[data-v-04ce6a3d] .ev-chart__tooltip-value {
+[data-v-df8a90cc] .ev-chart__tooltip-value {
   color: var(--ev-text-color-primary, #111827);
   font-weight: 600;
   margin-left: auto;
@@ -99,7 +99,7 @@
 }
 
 /* ══════ 空数据占位 ══════ */
-.ev-chart__empty[data-v-04ce6a3d] {
+.ev-chart__empty[data-v-df8a90cc] {
   position: absolute;
   inset: 0;
   border-radius: inherit;
@@ -112,7 +112,7 @@
   gap: 14px;
   user-select: none;
 }
-.ev-chart__empty-icon-wrap[data-v-04ce6a3d] {
+.ev-chart__empty-icon-wrap[data-v-df8a90cc] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -121,19 +121,19 @@
   border-radius: 16px;
   background: var(--ev-fill-color-light, #f5f7fa);
 }
-.ev-chart__empty-img[data-v-04ce6a3d] {
+.ev-chart__empty-img[data-v-df8a90cc] {
   width: 32px;
   height: 32px;
   opacity: 0.4;
 }
-.ev-chart__empty-text[data-v-04ce6a3d] {
+.ev-chart__empty-text[data-v-df8a90cc] {
   letter-spacing: 0.04em;
   font-weight: 500;
   font-size: 13px;
 }
 
 /* ══════ 加载中骨架 ══════ */
-.ev-chart__loading[data-v-04ce6a3d] {
+.ev-chart__loading[data-v-df8a90cc] {
   position: absolute;
   inset: 0;
   border-radius: inherit;
@@ -142,20 +142,20 @@
   justify-content: center;
   background: var(--ev-bg-color, #ffffff);
 }
-.ev-chart__loading-bars[data-v-04ce6a3d] {
+.ev-chart__loading-bars[data-v-df8a90cc] {
   display: flex;
   align-items: flex-end;
   gap: 6px;
   height: 60px;
 }
-.ev-chart__loading-bar[data-v-04ce6a3d] {
+.ev-chart__loading-bar[data-v-df8a90cc] {
   width: 10px;
   height: 40px;
   border-radius: 4px;
   background: var(--ev-border-color, #e2e8f0);
-  animation: ev-chart-shimmer-04ce6a3d 1.2s ease-in-out infinite;
+  animation: ev-chart-shimmer-df8a90cc 1.2s ease-in-out infinite;
 }
-@keyframes ev-chart-shimmer-04ce6a3d {
+@keyframes ev-chart-shimmer-df8a90cc {
 0%,
   100% {
     transform: scaleY(0.4);
@@ -168,7 +168,7 @@
 }
 
 /* ══════ 错误边界 ══════ */
-.ev-chart__error[data-v-04ce6a3d] {
+.ev-chart__error[data-v-df8a90cc] {
   position: absolute;
   inset: 0;
   border-radius: inherit;
@@ -182,13 +182,13 @@
   padding: 20px;
   text-align: center;
 }
-.ev-chart__error-icon[data-v-04ce6a3d] {
+.ev-chart__error-icon[data-v-df8a90cc] {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 30px;
 }
-.ev-chart__error-text[data-v-04ce6a3d] {
+.ev-chart__error-text[data-v-df8a90cc] {
   font-size: 12px;
   line-height: 1.5;
   max-width: 80%;
@@ -196,17 +196,17 @@
 }
 
 /* ══════ 进入/离开淡入淡出 ══════ */
-.ev-chart-fade-enter-active[data-v-04ce6a3d],
-.ev-chart-fade-leave-active[data-v-04ce6a3d] {
+.ev-chart-fade-enter-active[data-v-df8a90cc],
+.ev-chart-fade-leave-active[data-v-df8a90cc] {
   transition: opacity 0.2s ease;
 }
-.ev-chart-fade-enter-from[data-v-04ce6a3d],
-.ev-chart-fade-leave-to[data-v-04ce6a3d] {
+.ev-chart-fade-enter-from[data-v-df8a90cc],
+.ev-chart-fade-leave-to[data-v-df8a90cc] {
   opacity: 0;
 }
 
 /* ══════ 无障碍：sr-only ══════ */
-.ev-chart__sr-only[data-v-04ce6a3d] {
+.ev-chart__sr-only[data-v-df8a90cc] {
   position: absolute;
   width: 1px;
   height: 1px;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A as xToCategoryIndex, B as INTERACTION, C as computeBins, D as computePieMaxRadius, E as buildPieSlices, F as resolveTickExtendedRange, H as pickTooltipRows, I as updateAnimation, L as CHART_PALETTES, M as getPadding, N as getTheme, O as getLegendBounds, P as isMissingValue, R as resolveChartPalette, S as sunburstValue, T as getHeatmapCategories, U as resolveCursor, V as applyWheelZoom, _ as getSliderGeometry, b as zoomToSlice, f as chartOptionsSchema, g as getDataZoomConfig, h as createSvgRecorder, j as createAnimation, k as getToolboxBounds, m as renderChart, n as buildChartPrompt, p as validateOptions, s as generateChartSpec, t as lintChartSpec, u as parseDataTable, v as windowToX, w as squarifyTreemap, x as computeSunburstGeometry, y as xToPercent, z as DEFAULT_I18N_ZH } from "./ai-BdpMydhW.js";
+import { $ as INTERACTION, A as squarifyTreemap, B as calendarHitTest, C as chordHitTest, D as computeSunburstGeometry, E as boxplotHitTest, F as matrixFieldExtent, G as getPadding, H as getHeatmapCategories, I as scatterGroupColors, J as resolveTickExtendedRange, K as getTheme, L as scatterPointPositions, M as computeFacetGrids, N as computeMatrixCells, O as sunburstValue, P as computePieMaxRadius, Q as DEFAULT_I18N_ZH, R as getLegendBounds, S as arcHitTest, T as vennHitTest, U as xToCategoryIndex, V as funnelStepColor, W as createAnimation, X as CHART_PALETTES, Y as updateAnimation, Z as resolveChartPalette, _ as getSliderGeometry, b as zoomToSlice, et as applyWheelZoom, f as chartOptionsSchema, g as getDataZoomConfig, h as createSvgRecorder, j as buildPieSlices, k as computeBins, m as renderChart, n as buildChartPrompt, nt as resolveCursor, p as validateOptions, q as isMissingValue, s as generateChartSpec, t as lintChartSpec, tt as pickTooltipRows, u as parseDataTable, v as windowToX, w as sankeyHitTest, x as ganttHitTest, y as xToPercent, z as getToolboxBounds } from "./ai-BmXDig6M.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, h, inject, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, watch, withCtx } from "vue";
 //#region src/connect.js
 var connectGroups = /* @__PURE__ */ new Map();
@@ -126,6 +126,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				case "funnel": return !opt.funnelData || opt.funnelData.length === 0;
 				case "gauge": return !opt.gauge;
 				case "heatmap": return !opt.heatmapData || opt.heatmapData.length === 0;
+				case "calendar-heatmap": return !opt.calendarData || opt.calendarData.length === 0;
 				case "candle": return !opt.candleData || opt.candleData.length === 0;
 				case "bullet": return !opt.bulletData || opt.bulletData.length === 0;
 				case "treemap": return !opt.treemapData || opt.treemapData.length === 0;
@@ -136,6 +137,12 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				case "bin": return !opt.series || opt.series.length === 0 || opt.series.every((s) => !s.data || s.data.length === 0);
 				case "sparkline": return !opt.series || opt.series.length === 0 || !opt.series[0]?.data?.length;
 				case "radar": return !opt.radarIndicators?.length || !opt.radarSeries?.length;
+				case "sankey":
+				case "chord":
+				case "arc": return !(opt.sankeyData || opt.chordData || opt.arcData)?.nodes?.length;
+				case "venn": return !opt.vennData || opt.vennData.length === 0;
+				case "gantt": return !opt.ganttData || opt.ganttData.length === 0;
+				case "scatter-matrix": return !opt.matrixFields?.length || !opt.matrixData?.length;
 				default: return !opt.labels?.length || !opt.series?.length;
 			}
 		});
@@ -159,6 +166,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		let hoverIndex = -1;
 		let hoverAnimProgress = 0;
 		let hoverAnimFrameId = null;
+		let hoverAnimDone = null;
 		const hiddenSeries = ref(/* @__PURE__ */ new Set());
 		const focusSeries = ref(null);
 		const emphasisSeriesName = computed(() => {
@@ -443,12 +451,44 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				mouseY,
 				showCrosshair: hoverIndex >= 0,
 				hoverAnimProgress,
+				focusAnimProgress,
 				zoomRange: isZoomEnabled() ? zoomRange.value : void 0,
 				brushRect: brushRect.value,
 				focusSeries: focusSeries.value,
 				hoveredToolbox: hoveredToolbox.value
 			};
 		}
+		let focusAnimProgress = 1;
+		let focusAnimFrameId = null;
+		function animateFocusProgress() {
+			if (focusAnimFrameId !== null) {
+				cancelAnimationFrame(focusAnimFrameId);
+				focusAnimFrameId = null;
+			}
+			const target = focusSeries.value ? 1 : 0;
+			if (props.options.animation?.enabled === false || target === focusAnimProgress) {
+				focusAnimProgress = target;
+				redraw();
+				return;
+			}
+			const start = focusAnimProgress;
+			const startTime = performance.now();
+			const duration = 180;
+			function frame(now) {
+				const tRaw = Math.min((now - startTime) / duration, 1);
+				focusAnimProgress = start + (target - start) * (1 - Math.pow(1 - tRaw, 3));
+				redraw();
+				if (tRaw < 1) focusAnimFrameId = requestAnimationFrame(frame);
+				else focusAnimFrameId = null;
+			}
+			focusAnimFrameId = requestAnimationFrame(frame);
+		}
+		function stopFocusAnimation() {
+			if (focusAnimFrameId !== null) {
+				cancelAnimationFrame(focusAnimFrameId);
+				focusAnimFrameId = null;
+			}
+		}
 		function snapshotSeriesData(opt) {
 			const map = /* @__PURE__ */ new Map();
 			(opt.series || []).forEach((s) => map.set(s.name, s.data.map((v) => isMissingValue(v) ? 0 : v)));
@@ -564,31 +604,40 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				cancelAnimationFrame(hoverAnimFrameId);
 				hoverAnimFrameId = null;
 			}
+			hoverAnimDone = null;
 		}
 		function usesHoverAnimation() {
 			const t = props.options.type;
-			return t === "pie" || t === "doughnut" || t === "rose" || t === "sunburst" || t === "treemap";
+			return t === "pie" || t === "doughnut" || t === "rose" || t === "sunburst" || t === "treemap" || t === "radar";
+		}
+		function animatesHoverEnter() {
+			const t = props.options.type;
+			return t === "pie" || t === "doughnut" || t === "rose" || t === "radar" || t === "venn" || t === "sankey" || t === "chord" || t === "arc";
 		}
 		function clearHover() {
 			if (hoverIndex === -1) return false;
-			hoverIndex = -1;
-			const t = props.options.type;
-			if (t === "pie" || t === "doughnut" || t === "rose") startHoverAnimation(-1);
+			if (animatesHoverEnter()) startHoverAnimation(-1, () => {
+				hoverIndex = -1;
+				redraw();
+			});
 			else {
+				hoverIndex = -1;
 				stopHoverAnimation();
 				hoverAnimProgress = 0;
 				redraw();
 			}
 			return true;
 		}
-		function startHoverAnimation(dir) {
-			if (!usesHoverAnimation()) return;
+		function startHoverAnimation(dir, onDone) {
+			if (!animatesHoverEnter()) return;
 			if (props.options.animation?.enabled === false) {
 				hoverAnimProgress = dir > 0 ? 1 : 0;
 				redraw();
+				if (onDone) onDone();
 				return;
 			}
 			stopHoverAnimation();
+			hoverAnimDone = onDone || null;
 			const duration = 220;
 			const startTime = performance.now();
 			const startProgress = hoverAnimProgress;
@@ -604,7 +653,12 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				}
 				renderChart(canvasRef.value, buildRenderParams(1));
 				if (tRaw < 1) hoverAnimFrameId = requestAnimationFrame(frame);
-				else hoverAnimFrameId = null;
+				else {
+					hoverAnimFrameId = null;
+					const done = hoverAnimDone;
+					hoverAnimDone = null;
+					if (done) done();
+				}
 			}
 			hoverAnimFrameId = requestAnimationFrame(frame);
 		}
@@ -624,7 +678,12 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			"rose",
 			"radar",
 			"funnel",
-			"scatter"
+			"scatter",
+			"sankey",
+			"chord",
+			"arc",
+			"venn",
+			"candle"
 		];
 		function checkLegendHit(x, y) {
 			const canvas = canvasRef.value;
@@ -751,7 +810,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				const i = Math.floor(relativeY / stepHeight);
 				if (i < 0 || i >= drawData.length) return null;
 				const data = drawData[i];
-				const color = data.color || theme.colors[allFunnel.indexOf(data) % theme.colors.length];
+				const color = funnelStepColor(data, allFunnel.indexOf(data) < 0 ? i : allFunnel.indexOf(data), theme);
 				return {
 					index: i,
 					params: {
@@ -794,27 +853,61 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				};
 			}
 			if (options.type === "boxplot") {
-				const boxData = options.boxData || [];
-				if (boxData.length === 0) return null;
-				const categoryWidth = plotArea.width / boxData.length;
-				const i = Math.floor((canvasX - plotArea.x) / categoryWidth);
-				if (i < 0 || i >= boxData.length) return null;
-				const b = boxData[i];
-				const color = b.color || theme.colors[i % theme.colors.length];
+				const visible = (options.boxData || []).filter((b) => !(b.group && hiddenSeries.value.has(b.group)) && !hiddenSeries.value.has(b.label));
+				if (visible.length === 0) return null;
+				const showOutliers = options.showOutliers !== false;
+				const allValues = visible.flatMap((b) => [
+					b.min,
+					b.max,
+					...showOutliers ? b.outliers || [] : []
+				]);
+				const axisCfg = options.boxHorizontal ? options.xAxis || {} : options.yAxis || {};
+				const ext = resolveTickExtendedRange(axisCfg.min ?? Math.min(...allValues), axisCfg.max ?? Math.max(...allValues), axisCfg.ticks || 5);
+				return boxplotHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value, {
+					min: ext.min,
+					max: ext.max
+				});
+			}
+			if (options.type === "calendar-heatmap") return calendarHitTest(canvasX, canvasY, plotArea, options, theme);
+			if (options.type === "sankey") return sankeyHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
+			if (options.type === "venn") return vennHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
+			if (options.type === "chord") return chordHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
+			if (options.type === "arc") return arcHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
+			if (options.type === "gantt") return ganttHitTest(canvasX, canvasY, plotArea, options, theme, hiddenSeries.value);
+			if (options.type === "scatter-matrix") {
+				const fields = options.matrixFields || [];
+				const records = options.matrixData || [];
+				if (fields.length === 0 || records.length === 0) return null;
+				const cells = computeMatrixCells(plotArea, fields);
+				const cell = cells.find((c) => canvasX >= c.x && canvasX <= c.x + c.width && canvasY >= c.y && canvasY <= c.y + c.height);
+				if (!cell || cell.row === cell.col) return null;
+				const extX = matrixFieldExtent(records, cell.xField);
+				const extY = matrixFieldExtent(records, cell.yField);
+				const px = (v) => cell.x + 5 + (v - extX.min) / (extX.max - extX.min) * (cell.width - 10);
+				const py = (v) => cell.y + cell.height - 5 - (v - extY.min) / (extY.max - extY.min) * (cell.height - 10);
+				let nearest = -1;
+				let minDist = Infinity;
+				records.forEach((record, ri) => {
+					const xv = record[cell.xField];
+					const yv = record[cell.yField];
+					if (typeof xv !== "number" || typeof yv !== "number") return;
+					const dist = Math.sqrt((canvasX - px(xv)) ** 2 + (canvasY - py(yv)) ** 2);
+					if (dist < minDist) {
+						minDist = dist;
+						nearest = ri;
+					}
+				});
+				if (nearest < 0 || minDist > 18) return null;
+				const record = records[nearest];
+				const cellIndex = cells.indexOf(cell);
 				return {
-					index: i,
+					index: cellIndex,
 					params: {
-						seriesName: b.label,
-						name: `${b.label}\uFF08\u4E2D\u4F4D\u6570 ${b.median}\uFF09`,
-						value: [
-							b.min,
-							b.q1,
-							b.median,
-							b.q3,
-							b.max
-						],
-						color,
-						dataIndex: i + sliceStartOffset(),
+						seriesName: record.label || `${cell.yField} × ${cell.xField}`,
+						name: `${cell.xField}=${record[cell.xField]}, ${cell.yField}=${record[cell.yField]}`,
+						value: record[cell.yField],
+						color: record.color || theme.colors[0],
+						dataIndex: cellIndex,
 						seriesIndex: 0
 					}
 				};
@@ -886,22 +979,56 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			if (options.type === "scatter") {
 				const scatterData = options.scatterData || [];
 				if (scatterData.length === 0) return null;
-				const xValues = scatterData.map((d) => d.x);
-				const xMin = Math.min(...xValues);
-				const xRange = Math.max(...xValues) - xMin || 1;
-				const xPadding = xRange * .05;
+				if (options.facet === true) {
+					const grid = computeFacetGrids(scatterData, plotArea, options);
+					if (!grid) return null;
+					for (const facet of grid.facets) {
+						const a = facet.area;
+						if (canvasX < a.x || canvasX > a.x + a.width || canvasY < a.y || canvasY > a.y + a.height) continue;
+						let nearestLocal = -1;
+						let minDistance = Infinity;
+						facet.data.forEach((point, i) => {
+							const ppx = facet.toX(point.x);
+							const ppy = facet.toY(point.y);
+							const dist = Math.sqrt((canvasX - ppx) ** 2 + (canvasY - ppy) ** 2);
+							if (dist < minDistance) {
+								minDistance = dist;
+								nearestLocal = i;
+							}
+						});
+						if (nearestLocal < 0 || minDistance > 24) return null;
+						const point = facet.data[nearestLocal];
+						const globalIdx = scatterData.indexOf(point);
+						const color = point.color || theme.colors[globalIdx % theme.colors.length];
+						return {
+							index: globalIdx,
+							params: {
+								seriesName: point.group || point.label || `Point ${globalIdx + 1}`,
+								name: `(${point.x}, ${point.y})`,
+								value: point.y,
+								color,
+								dataIndex: globalIdx,
+								seriesIndex: 0
+							}
+						};
+					}
+					return null;
+				}
 				const yValues = scatterData.map((d) => d.y);
 				const axisConfig = options.yAxis || {};
 				const rawMin = axisConfig.min ?? Math.min(...yValues);
 				const rawMax = axisConfig.max ?? Math.max(...yValues);
 				const yExt = resolveTickExtendedRange(rawMin, rawMax, axisConfig.ticks || 5);
-				const yPadding = (yExt.max - yExt.min) * .05;
+				const positions = scatterPointPositions(scatterData, {
+					min: yExt.min,
+					max: yExt.max
+				}, plotArea, options);
+				const groupColors = scatterGroupColors(scatterData, theme);
 				let nearestIndex = -1;
 				let minDistance = Infinity;
 				scatterData.forEach((point, i) => {
-					const px = plotArea.x + (point.x - xMin + xPadding) / (xRange + xPadding * 2) * plotArea.width;
-					const normalizedY = (point.y - yExt.min + yPadding) / (yExt.max - yExt.min + yPadding * 2);
-					const py = plotArea.y + plotArea.height - normalizedY * plotArea.height;
+					if (hiddenSeries.value.has(point.label || `P${i + 1}`) || point.group && hiddenSeries.value.has(point.group)) return;
+					const [px, py] = positions[i];
 					const dist = Math.sqrt((canvasX - px) ** 2 + (canvasY - py) ** 2);
 					if (dist < minDistance) {
 						minDistance = dist;
@@ -910,11 +1037,11 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				});
 				if (nearestIndex >= 0 && minDistance < 30) {
 					const point = scatterData[nearestIndex];
-					const color = point.color || theme.colors[nearestIndex % theme.colors.length];
+					const color = point.color || (point.group && groupColors.has(point.group) ? groupColors.get(point.group) : theme.colors[nearestIndex % theme.colors.length]);
 					return {
 						index: nearestIndex,
 						params: {
-							seriesName: point.label || `Point ${nearestIndex + 1}`,
+							seriesName: point.label || point.group || `Point ${nearestIndex + 1}`,
 							name: `(${point.x}, ${point.y})`,
 							value: point.y,
 							color,
@@ -944,6 +1071,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 							candle.high,
 							candle.low
 						],
+						volume: (options.volumeData || [])[i],
 						color,
 						dataIndex: i,
 						seriesIndex: 0
@@ -1062,6 +1190,16 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				const centerY = plotArea.y + plotArea.height / 2;
 				const radius = Math.max(40, Math.min(plotArea.width, plotArea.height) / 2 - 30);
 				const angleStep = Math.PI * 2 / indicators.length;
+				const labelOffset = options.radarLabelOffset ?? 12;
+				let labelHit = -1;
+				indicators.forEach((indicator, i) => {
+					if (labelHit >= 0) return;
+					const angle = i * angleStep - Math.PI / 2;
+					const lx = centerX + Math.cos(angle) * (radius + labelOffset);
+					const ly = centerY + Math.sin(angle) * (radius + labelOffset);
+					if (Math.sqrt((canvasX - lx) ** 2 + (canvasY - ly) ** 2) <= 18) labelHit = i;
+				});
+				if (labelHit >= 0) return radarAxisHover(labelHit, indicators, series, options, theme);
 				let nearestIndex = -1;
 				let minDist = Infinity;
 				indicators.forEach((_, i) => {
@@ -1078,18 +1216,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 					}
 				});
 				if (nearestIndex < 0 || minDist > 30) return null;
-				const params = series.map((s, sIdx) => ({
-					seriesName: s.name,
-					name: indicators[nearestIndex].name,
-					value: s.data[nearestIndex],
-					color: s.color || theme.colors[options.series.indexOf(s) % theme.colors.length],
-					dataIndex: nearestIndex,
-					seriesIndex: sIdx
-				}));
-				return {
-					index: nearestIndex,
-					params
-				};
+				return radarAxisHover(nearestIndex, indicators, series, options, theme);
 			}
 			const labels = options.labels || [];
 			if (labels.length === 0) return null;
@@ -1097,6 +1224,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			if (dataIndex < 0 || dataIndex >= labels.length) return null;
 			const visibleSeries = (options.series || []).filter((s) => !hiddenSeries.value.has(s.name));
 			if (visibleSeries.length === 0) return null;
+			const volume = (options.volumeData || [])[dataIndex];
 			if (props.options.tooltip?.showAllSeries !== false && visibleSeries.length > 1) {
 				if (visibleSeries.every((s) => isMissingValue(s.data[dataIndex]))) return null;
 				return {
@@ -1105,6 +1233,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 						seriesName: s.name,
 						name: labels[dataIndex],
 						value: s.data[dataIndex],
+						volume,
 						color: s.color || theme.colors[options.series.indexOf(s) % theme.colors.length],
 						dataIndex: dataIndex + sliceStartOffset(),
 						seriesIndex: sIdx
@@ -1120,6 +1249,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 						seriesName: series.name,
 						name: labels[dataIndex],
 						value: series.data[dataIndex],
+						volume,
 						color,
 						dataIndex: dataIndex + sliceStartOffset(),
 						seriesIndex: 0
@@ -1127,6 +1257,20 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				};
 			}
 		}
+		/** 雷达轴悬浮：返回该维度上全部可见系列的 tooltip 行 */
+		function radarAxisHover(axisIndex, indicators, series, options, theme) {
+			return {
+				index: axisIndex,
+				params: series.map((s, sIdx) => ({
+					seriesName: s.name,
+					name: indicators[axisIndex].name,
+					value: s.data[axisIndex],
+					color: s.color || theme.colors[(options.radarSeries || []).indexOf(s) % theme.colors.length],
+					dataIndex: axisIndex,
+					seriesIndex: sIdx
+				}))
+			};
+		}
 		function setZoomRange(next) {
 			const minSpan = INTERACTION.zoom.minSpan;
 			let { start, end } = next;
@@ -1444,7 +1588,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				const nextFocus = props.options.legend?.hoverEmphasis !== false && legendName ? legendName : null;
 				if (nextFocus !== focusSeries.value) {
 					focusSeries.value = nextFocus;
-					redraw();
+					animateFocusProgress();
 				}
 			}
 			if (legendName) {
@@ -1454,13 +1598,13 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			}
 			if (e.pointerType === "touch") return;
 			const result = getHoveredData(e.clientX, e.clientY);
-			const isPieLike = props.options.type === "pie" || props.options.type === "doughnut" || props.options.type === "rose";
+			const enterAnimated = animatesHoverEnter();
 			if (result && props.options.tooltip?.show !== false) {
 				const newIndex = result.index;
 				if (newIndex !== hoverIndex) {
 					const prevIndex = hoverIndex;
 					hoverIndex = newIndex;
-					if (isPieLike) {
+					if (enterAnimated) {
 						if (prevIndex === -1) startHoverAnimation(1);
 						else {
 							stopHoverAnimation();
@@ -1484,7 +1628,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 						});
 						ariaLiveText.value = `${emitParams.seriesName}: ${formatTooltipValue(emitParams.value)}`;
 					}
-				}
+				} else if (enterAnimated && hoverAnimProgress < 1) startHoverAnimation(1);
 				applyTooltipContent(result.params);
 				if (props.options.tooltip?.trigger === "click") return;
 				lastMouseClientX = e.clientX;
@@ -1771,6 +1915,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			stopHoverAnimation();
 			stopTweenAnimation();
 			stopSceneTimer();
+			stopFocusAnimation();
 			if (tooltipRafId !== null) {
 				cancelAnimationFrame(tooltipRafId);
 				tooltipRafId = null;
@@ -2087,7 +2232,7 @@ var chart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			], 12, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-04ce6a3d"]]);
+}), [["__scopeId", "data-v-df8a90cc"]]);
 //#endregion
 //#region src/useChart.js
 var USE_CHART_KEY = /* @__PURE__ */ Symbol("ev-chart-context");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wil-works/evoke-charts",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Evoke Charts — 零依赖 Canvas 自绘图表库（Vue3），Evoke 生态独立图表包",
   "type": "module",
   "main": "./dist/index.mjs",