feat(selection): add Zhixing line indicators to selection chart and update related components

zhixing-web/src/features/selection/components/selection-chart-option.test.ts

@@ -13,6 +13,8 @@ function point(index: number): SelectionChartPoint {
     low: index + 9,
     open: index + 10,
     trade_date: `2026-${String(Math.floor(index / 28) + 1).padStart(2, "0")}-${String((index % 28) + 1).padStart(2, "0")}`,
+    trend_white: index + 10.2,
+    trend_yellow: index + 10.4,
     volume: index + 1000,
   }
 }
@@ -28,9 +30,11 @@ describe("selection chart option", () => {
     }>
     const series = option.series as Array<{
       data: unknown[]
+      name: string
       xAxisIndex: number
       yAxisIndex: number
     }>
+    const legends = option.legend as Array<{ data: string[] }>
 
     expect(dataZoom).toHaveLength(2)
     expect(dataZoom[0]).toMatchObject({
@@ -39,13 +43,26 @@ describe("selection chart option", () => {
       xAxisIndex: [0, 1, 2],
     })
     expect(dataZoom[1].xAxisIndex).toEqual([0, 1, 2])
-    expect(series[0]).toMatchObject({ xAxisIndex: 0, yAxisIndex: 0 })
-    expect(series[1]).toMatchObject({ xAxisIndex: 1, yAxisIndex: 1 })
-    expect(series.slice(2)).toEqual(
-      expect.arrayContaining([
-        expect.objectContaining({ xAxisIndex: 2, yAxisIndex: 2 }),
-      ]),
-    )
+    expect(legends[0]?.data).toEqual(["知行白线", "知行黄线"])
+    expect(series.find((item) => item.name === "日线")).toMatchObject({
+      xAxisIndex: 0,
+      yAxisIndex: 0,
+    })
+    expect(series.find((item) => item.name === "知行白线")).toMatchObject({
+      data: points.map((item) => item.trend_white),
+      xAxisIndex: 0,
+      yAxisIndex: 0,
+    })
+    expect(series.find((item) => item.name === "知行黄线")).toMatchObject({
+      data: points.map((item) => item.trend_yellow),
+      xAxisIndex: 0,
+      yAxisIndex: 0,
+    })
+    expect(series.find((item) => item.name === "成交量")).toMatchObject({
+      xAxisIndex: 1,
+      yAxisIndex: 1,
+    })
+    expect(series.filter((item) => item.xAxisIndex === 2)).toHaveLength(3)
     expect(series[0].data[0]).toEqual([10, 10.5, 9, 11])
   })
 
@@ -57,20 +74,25 @@ describe("selection chart option", () => {
       high: null,
       j: null,
       k: null,
+      trend_white: null,
+      trend_yellow: null,
       volume: null,
     }
     const option = buildSelectionChartOption([incomplete])
     const series = option.series as Array<{
       connectNulls?: boolean
       data: unknown[]
+      name: string
     }>
     const candle = series[0].data[0] as number[]
+    const volume = series.find((item) => item.name === "成交量")
+    const lines = series.filter((item) => item.connectNulls === false)
 
     expect(candle).toHaveLength(4)
     expect(candle.every(Number.isNaN)).toBe(true)
-    expect(series[1].data[0]).toMatchObject({ value: null })
-    for (const indicator of series.slice(2)) {
-      expect(indicator.connectNulls).toBe(false)
+    expect(volume?.data[0]).toMatchObject({ value: null })
+    expect(lines).toHaveLength(5)
+    for (const indicator of lines) {
       expect(indicator.data).toEqual([null])
     }
   })