diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.ts b/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.ts
new file mode 100644
index 0000000..62a5942
--- /dev/null
+++ b/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.ts
@@ -0,0 +1,114 @@
+import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
+import { LineDropdownConfig } from './index'
+import { CreateComponentType } from '@/packages/index.d'
+import cloneDeep from 'lodash/cloneDeep'
+import dataJson from './data.json'
+
+export const includes = ['xAxis', 'yAxis', 'grid']
+
+const option = {
+ backgroundColor: 'rgba(13, 16, 22, 1)',
+ grid: {
+ left: '8%',
+ right: '8%',
+ top: '15%',
+ bottom: '15%',
+ containLabel: true
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false
+ },
+ axisLabel: {
+ color: 'rgba(255, 255, 255, 0.6)',
+ fontSize: 12
+ },
+ },
+ yAxis: {
+ type: 'value',
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false
+ },
+ axisLabel: {
+ color: 'rgba(255, 255, 255, 0.6)',
+ fontSize: 12
+ },
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: 'rgba(255, 255, 255, 0.1)',
+ type: 'solid'
+ }
+ }
+ },
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'line',
+ lineStyle: {
+ color: 'rgba(58, 160, 255, 1)',
+ type: 'solid'
+ }
+ }
+ },
+ dataset: { ...dataJson },
+ series: [
+ {
+ type: 'line',
+ smooth: true,
+ symbol: 'none', // 默认不显示点
+ symbolSize: 8,
+ lineStyle: {
+ width: 2,
+ color: {
+ type: 'linear',
+ x: 0,
+ y: 0,
+ x2: 1,
+ y2: 0,
+ colorStops: [
+ { offset: 0, color: 'rgba(58, 160, 255, 1)' },
+ { offset: 1, color: 'rgba(127, 216, 255, 1)' }
+ ]
+ }
+ },
+ emphasis: {
+ focus: 'series',
+ symbol: 'circle', // 鼠标悬停时显示圆点
+ symbolSize: 8,
+ itemStyle: {
+ color: 'rgba(58, 160, 255, 1)',
+ borderColor: 'rgba(255, 255, 255, 0.8)',
+ borderWidth: 2
+ }
+ },
+ areaStyle: {
+ color: {
+ type: 'linear',
+ x: 0,
+ y: 0,
+ x2: 0,
+ y2: 1,
+ colorStops: [
+ { offset: 0, color: 'rgba(58, 160, 255, 0.5)' },
+ { offset: 1, color: 'rgba(58, 160, 255, 0.05)' }
+ ]
+ }
+ }
+ }
+ ]
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType {
+ public key: string = LineDropdownConfig.key
+ public chartConfig = cloneDeep(LineDropdownConfig)
+ public option = echartOptionProfixHandle(option, includes)
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.vue b/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.vue
new file mode 100644
index 0000000..ce1a89d
--- /dev/null
+++ b/src/packages/components/Charts/ConfinedSpace/LineDropdown/config.vue
@@ -0,0 +1,16 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/data.json b/src/packages/components/Charts/ConfinedSpace/LineDropdown/data.json
new file mode 100644
index 0000000..b558988
--- /dev/null
+++ b/src/packages/components/Charts/ConfinedSpace/LineDropdown/data.json
@@ -0,0 +1,81 @@
+{
+ "dimensions": ["time", "value"],
+ "source": [
+ {
+ "time": "13:00",
+ "value": 50
+ },
+ {
+ "time": "13:05",
+ "value": 45
+ },
+ {
+ "time": "13:10",
+ "value": 55
+ },
+ {
+ "time": "13:15",
+ "value": 48
+ },
+ {
+ "time": "13:20",
+ "value": 42
+ },
+ {
+ "time": "13:25",
+ "value": 38
+ },
+ {
+ "time": "13:30",
+ "value": 35
+ },
+ {
+ "time": "13:35",
+ "value": 40
+ },
+ {
+ "time": "13:40",
+ "value": 50
+ },
+ {
+ "time": "13:45",
+ "value": 65
+ },
+ {
+ "time": "13:50",
+ "value": 78
+ },
+ {
+ "time": "13:55",
+ "value": 80
+ },
+ {
+ "time": "14:00",
+ "value": 75
+ },
+ {
+ "time": "14:05",
+ "value": 68
+ },
+ {
+ "time": "14:10",
+ "value": 60
+ },
+ {
+ "time": "14:15",
+ "value": 55
+ },
+ {
+ "time": "14:20",
+ "value": 52
+ },
+ {
+ "time": "14:25",
+ "value": 58
+ },
+ {
+ "time": "14:30",
+ "value": 62
+ }
+ ]
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.ts b/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.ts
new file mode 100644
index 0000000..b453363
--- /dev/null
+++ b/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.ts
@@ -0,0 +1,14 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+// import { ChatCategoryEnum, ChatCategoryEnumName } from '../..'
+
+export const LineDropdownConfig: ConfigType = {
+ key: 'LineDropdown',
+ chartKey: 'VLineDropdown',
+ conKey: 'VCLineDropdown',
+ title: '下拉折线图',
+ category: 'ConfinedSpace',
+ categoryName: '有限空间组件',
+ package: PackagesCategoryEnum.CHARTS,
+ chartFrame: ChartFrameEnum.ECHARTS,
+ image: 'line_warn.png'
+}
\ No newline at end of file
diff --git a/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.vue b/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.vue
new file mode 100644
index 0000000..282f794
--- /dev/null
+++ b/src/packages/components/Charts/ConfinedSpace/LineDropdown/index.vue
@@ -0,0 +1,497 @@
+
+
+
+
+
+