feat: support multi previewSeries

Author: xuefei1313

packages/vchart-extension/src/charts/combination-candlestick/combination-candlestick-transformer.ts

@@ -54,17 +54,19 @@ export class CombinationCandlestickChartSpecTransformer<
     candlestickSpec.regionIndex = 0;
 
     if (spec.previewSeries) {
-      const tempPreviewSeries = spec.series.find(s => s.id === spec.previewSeries.id);
-      let previewSeriesSpec;
-      if (tempPreviewSeries) {
-        merge(tempPreviewSeries, spec.previewSeries);
-        previewSeriesSpec = tempPreviewSeries;
-      } else {
-        spec.series.push(spec.previewSeries);
-        previewSeriesSpec = spec.previewSeries;
-      }
-      previewSeriesSpec.regionIndex = 1;
-      this._transformSeriesData(spec, previewSeriesSpec);
+      array(spec.previewSeries).forEach(previewSeries => {
+        const tempPreviewSeries = spec.series.find(s => s.id === previewSeries.id);
+        let previewSeriesSpec;
+        if (tempPreviewSeries) {
+          merge(tempPreviewSeries, previewSeries);
+          previewSeriesSpec = tempPreviewSeries;
+        } else {
+          spec.series.push(previewSeries);
+          previewSeriesSpec = previewSeries;
+        }
+        previewSeriesSpec.regionIndex = 1;
+        this._transformSeriesData(spec, previewSeriesSpec);
+      });
     }
   }
 

packages/vchart-extension/src/charts/combination-candlestick/interface.ts

@@ -9,21 +9,23 @@ import type {
   ICartesianChartSpec
 } from '@visactor/vchart';
 
+export type ICombinationCandlestickPreviewSeriesSpec = IBarSeriesSpec | IAreaSeriesSpec | ILineSeriesSpec;
+
 /**
  * @description 组合蜡烛图规约
  */
 export interface ICombinationCandlestickChartSpec extends Omit<ICartesianChartSpec, 'region'> {
   type: 'combinationCandlestick';
 
   /** 与蜡烛图使用同region的系列配置 */
-  series?: ISeriesSpec[];
+  series?: (ICombinationCandlestickPreviewSeriesSpec | ICandlestickSeriesSpec)[];
 
   // 蜡烛系列 必须配置数据 不可以为数组
   candlestickSeries: ICandlestickSeriesSpec;
   candlestickRegion?: IRegionSpec;
 
   // 预览系列 必须配置数据 不可以为数组
-  previewSeries?: IBarSeriesSpec | IAreaSeriesSpec | ILineSeriesSpec;
+  previewSeries?: ICombinationCandlestickPreviewSeriesSpec | ICombinationCandlestickPreviewSeriesSpec[];
   previewRegion?: IRegionSpec;
   // 预览图高度  可以是数字，返回数字的函数，或者百分百字符串 '30%'
   previewHeight?: number | ((maxSize: number) => number) | string;