docs(line): 体系化BI业务图表建设之折线图场景案例

Author: visiky

examples/line/basic/design.en.md

@@ -2,28 +2,4 @@
 title: 设计规范
 ---
 
-## 何时使用
-
-折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。
-
-## 数据类型
-
-| 适合的数据       | 「两个连续字段数据」，或者「一个有序的分类」+「一个连续数据字段」 |
-| ---------------- | ----------------------------------------------------------------- |
-| 功能             | 观察数据的变化趋势                                                |
-| 数据与图形的映射 | 两个连续字段分别映射到横轴和纵轴                                  |
-| 适合的数据条数   | 大于两条                                                          |
-
-## 用法建议
-
-<img alt="design" src="https://gw.alipayobjects.com/mdn/rms_d314dd/afts/img/A*NGoOQatmkx0AAAAAAAAAAABkARQnAQ" width="1000">
-
-## 元素
-
-<img alt="design" src="https://gw.alipayobjects.com/mdn/rms_d314dd/afts/img/A*uxv8RJgYx4oAAAAAAAAAAABkARQnAQ" width="800">
-
-- X 轴：通常对应连续数据，值为时间，调用连续数据 X 轴。
-- Y 轴：通常对应连续数据，值为数字，调用连续数据 Y 轴。
-- 图例：通常出现在多条折线图中，用来区分不同折线代表的数据含义。
-- 标签：用来解释数据点的值。
-- 辅助元素：用来解释某个特殊的数据点的值，或标记出某个特殊含义的区域。
+`markdown:docs/manual/plots/line.en.md`

examples/line/basic/design.zh.md

@@ -2,28 +2,4 @@
 title: 设计规范
 ---
 
-## 何时使用
-
-折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。
-
-## 数据类型
-
-| 适合的数据       | 「两个连续字段数据」，或者「一个有序的分类」+「一个连续数据字段」 |
-| ---------------- | ----------------------------------------------------------------- |
-| 功能             | 观察数据的变化趋势                                                |
-| 数据与图形的映射 | 两个连续字段分别映射到横轴和纵轴                                  |
-| 适合的数据条数   | 大于两条                                                          |
-
-## 用法建议
-
-<img alt="design" src="https://gw.alipayobjects.com/mdn/rms_d314dd/afts/img/A*NGoOQatmkx0AAAAAAAAAAABkARQnAQ" width="1000">
-
-## 元素
-
-<img alt="design" src="https://gw.alipayobjects.com/mdn/rms_d314dd/afts/img/A*uxv8RJgYx4oAAAAAAAAAAABkARQnAQ" width="800">
-
-- X 轴：通常对应连续数据，值为时间，调用连续数据 X 轴。
-- Y 轴：通常对应连续数据，值为数字，调用连续数据 Y 轴。
-- 图例：通常出现在多条折线图中，用来区分不同折线代表的数据含义。
-- 标签：用来解释数据点的值。
-- 辅助元素：用来解释某个特殊的数据点的值，或标记出某个特殊含义的区域。
+`markdown:docs/manual/plots/line.zh.md`

examples/line/scenario/API.en.md

@@ -0,0 +1 @@
+`markdown:docs/api/plots/line.en.md`

examples/line/scenario/API.zh.md

@@ -0,0 +1 @@
+`markdown:docs/api/plots/line.zh.md`

examples/line/scenario/demo/meta.json

@@ -0,0 +1,53 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "multiple-measures-line.ts",
+      "title": {
+        "zh": "多指标折线图",
+        "en": "Line plot with multiple measures"
+      },
+      "new": true,
+      "screenshot": ""
+    },
+    {
+      "filename": "series-multiple-measures-line.ts",
+      "title": {
+        "zh": "带拆分的多指标折线图",
+        "en": "Line plot with multiple measures"
+      },
+      "new": true,
+      "screenshot": ""
+    },
+    {
+      "filename": "derived-measures-line.ts",
+      "title": {
+        "zh": "带衍生指标折线图",
+        "en": "Line plot with derived measures"
+      },
+      "new": true,
+      "screenshot": ""
+    },
+    {
+      "filename": "line-sort-in-xAxis.jsx",
+      "title": {
+        "zh": "折线图 x 轴阅读端排序",
+        "en": "Line plot with sort in xAxis"
+      },
+      "new": true,
+      "screenshot": ""
+    },
+    {
+      "filename": "line-with-data-annotation.jsx",
+      "title": {
+        "zh": "带数据解读折线图",
+        "en": "Line plot with data annotation"
+      },
+      "new": true,
+      "screenshot": ""
+    }
+  ]
+}

examples/line/scenario/design.en.md

@@ -0,0 +1,5 @@
+---
+title: Plot guide
+---
+
+`markdown:examples/line/scenario/design.zh.md`

examples/line/scenario/design.zh.md

@@ -0,0 +1,24 @@
+---
+title: 图表指引
+---
+
+### 多指标折线图
+
+**使用场景**
+
+TODO
+
+
+### 带拆分的多指标折线图
+
+**使用场景**
+
+TODO
+
+
+### 带衍生指标标折线图
+
+**使用场景**
+
+TODO
+

examples/line/scenario/index.en.md

@@ -0,0 +1,4 @@
+---
+title: Scenario Line
+order: 4
+---

examples/line/scenario/index.zh.md

@@ -0,0 +1,4 @@
+---
+title: 场景折线图
+order: 3
+---

examples/line/step/index.zh.md

@@ -1,4 +1,4 @@
 ---
 title: 阶梯折线图
-order: 1
+order: 2
 ---