xt-element-ui 2.1.22 → 2.1.72

package/docs/components/base/xt-line.md

@@ -1,5 +1,3 @@
-## XtLine 折线图组件
-
 基于 ECharts 封装的折线图组件，支持面积图、平滑曲线等功能。
 
 ## 基本用法
@@ -7,7 +5,7 @@
 ::: demo 基本用法
 ```vue
 <template>
-  <XtLine :chart-data="chartData" />
+  <div class="demo-container"><XtLine :chart-data="chartData" /></div>
 </template>
 
 <script>
@@ -46,7 +44,7 @@ export default {
 ::: demo 面积图
 ```vue
 <template>
-  <XtLine :chart-data="chartData" :is-area="true" />
+  <div class="demo-container"><XtLine :chart-data="chartData" :is-area="true" /></div>
 </template>
 
 <script>
@@ -72,7 +70,7 @@ export default {
 ::: demo 极简模式
 ```vue
 <template>
-  <XtLine :chart-data="chartData" simple-mode />
+  <div class="demo-container"><XtLine :chart-data="chartData" simple-mode /></div>
 </template>
 
 <script>
@@ -96,7 +94,7 @@ export default {
 ::: demo 自定义字段映射
 ```vue
 <template>
-  <XtLine :chart-data="chartData" :field-keys="{ label: 'month', value: 'amount' }" />
+  <div class="demo-container"><XtLine :chart-data="chartData" :field-keys="{ label: 'month', value: 'amount' }" /></div>
 </template>
 
 <script>
@@ -115,30 +113,6 @@ export default {
 ```
 :::
 
-### 暗色主题
-
-::: demo 暗色主题
-```vue
-<template>
-  <XtLine :chart-data="chartData" theme="dark" />
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      chartData: [
-        { value: 53, label: "张三" },
-        { value: 60, label: "李四" },
-        { value: 78, label: "王五" }
-      ]
-    }
-  }
-}
-</script>
-```
-:::
-
 ## 注意事项
 
 - 折线图默认使用平滑曲线