docs(tutorial): 更新数据文档和 CDN 引入路径

- 修正 Candlestick 组件数组格式说明
- 将 changeData API 更新为 update 方法
- 修正 CDN 路径为 index.min.js

Author: ian.lxl

site/docs/tutorial/data.en.md

@@ -94,20 +94,27 @@ The array represents the minimum and maximum values of the interval: `[minimum,
 
 ### Candlestick Chart
 
-Candlestick charts require open, close, high, and low prices:
+Candlestick charts require open, close, highest, and lowest prices, using array format:
 
 ```jsx
 const data = [
-  { date: '2023-01', open: 100, close: 110, high: 120, low: 95 },
-  { date: '2023-02', open: 110, close: 105, high: 115, low: 100 },
-  { date: '2023-03', open: 105, close: 120, high: 125, low: 102 },
+  { date: '2023-01', value: [100, 110, 95, 120] },  // [open, close, lowest, highest]
+  { date: '2023-02', value: [110, 105, 100, 115] },
+  { date: '2023-03', value: [105, 120, 102, 125] },
 ];
 
 <Chart data={data}>
-  <Candlestick x="date" open="open" close="close" high="high" low="low" />
+  <Axis field="date" type="timeCat" />
+  <Candlestick x="date" y="value" />
 </Chart>
 ```
 
+**Array format:** `[open, close, lowest, highest]`
+- `open` - Opening price
+- `close` - Closing price
+- `lowest` - Lowest price
+- `highest` - Highest price
+
 ### Scatter Plot (Bubble Chart)
 
 Scatter plots can include additional dimensions (such as size):
@@ -237,7 +244,15 @@ const data2 = [
   { genre: 'Strategy', sold: 200 },
 ];
 
-chart.changeData(data2); // Automatically triggers animation
+const { props: newProps } = (
+  <Canvas context={context}>
+    <Chart data={data2}>
+      <Interval x="genre" y="sold" />
+    </Chart>
+  </Canvas>
+);
+
+chart.update(newProps); // Automatically triggers animation
 ```
 
 ## Common Issues
@@ -392,7 +407,15 @@ Responsive to user interactions:
 function updateChart(userInput) {
   const data = processData(userInput);
 
-  chart.changeData(data);
+  const { props: newProps } = (
+    <Canvas context={context}>
+      <Chart data={data}>
+        <Interval x="category" y="value" />
+      </Chart>
+    </Canvas>
+  );
+
+  chart.update(newProps);
 }
 ```
 

site/docs/tutorial/data.zh.md

@@ -94,20 +94,27 @@ const data = [
 
 ### 股票图（K线图）
 
-股票图需要包含开盘价、收盘价、最高价、最低价：
+股票图需要包含开盘价、收盘价、最高价、最低价，使用数组格式：
 
 ```jsx
 const data = [
-  { date: '2023-01', open: 100, close: 110, high: 120, low: 95 },
-  { date: '2023-02', open: 110, close: 105, high: 115, low: 100 },
-  { date: '2023-03', open: 105, close: 120, high: 125, low: 102 },
+  { date: '2023-01', value: [100, 110, 95, 120] },  // [open, close, lowest, highest]
+  { date: '2023-02', value: [110, 105, 100, 115] },
+  { date: '2023-03', value: [105, 120, 102, 125] },
 ];
 
 <Chart data={data}>
-  <Candlestick x="date" open="open" close="close" high="high" low="low" />
+  <Axis field="date" type="timeCat" />
+  <Candlestick x="date" y="value" />
 </Chart>
 ```
 
+**数组格式说明：** `[open, close, lowest, highest]`
+- `open` - 开盘价
+- `close` - 收盘价
+- `lowest` - 最低价
+- `highest` - 最高价
+
 ### 散点图（气泡图）
 
 散点图可以包含额外的维度（如大小）：
@@ -237,7 +244,15 @@ const data2 = [
   { genre: 'Strategy', sold: 200 },
 ];
 
-chart.changeData(data2); // 自动触发动画
+const { props: newProps } = (
+  <Canvas context={context}>
+    <Chart data={data2}>
+      <Interval x="genre" y="sold" />
+    </Chart>
+  </Canvas>
+);
+
+chart.update(newProps); // 自动触发动画
 ```
 
 ## 常见问题
@@ -392,7 +407,15 @@ fetchData();
 function updateChart(userInput) {
   const data = processData(userInput);
 
-  chart.changeData(data);
+  const { props: newProps } = (
+    <Canvas context={context}>
+      <Chart data={data}>
+        <Interval x="category" y="value" />
+      </Chart>
+    </Canvas>
+  );
+
+  chart.update(newProps);
 }
 ```
 

site/docs/tutorial/getting-started.en.md

@@ -30,7 +30,7 @@ npm install @antv/f2 --save
 ### Install via CDN
 
 ```html
-<script src="https://unpkg.com/@antv/f2/dist/f2.min.js"></script>
+<script src="https://unpkg.com/@antv/f2/dist/index.min.js"></script>
 ```
 
 ## Configure JSX Transform

site/docs/tutorial/getting-started.zh.md

@@ -30,7 +30,7 @@ npm install @antv/f2 --save
 ### 通过 CDN 引入
 
 ```html
-<script src="https://unpkg.com/@antv/f2/dist/f2.min.js"></script>
+<script src="https://unpkg.com/@antv/f2/dist/index.min.js"></script>
 ```
 
 ## 配置 JSX 转换