kd-curve-v2 0.0.2 → 0.0.4

package/README.md

@@ -1,8 +1,8 @@
-# kd-lane-chart-container 使用手册
+# kd-curve-v2 使用手册
 
 ## 1. 项目介绍
 
-kd-lane-chart-container 是一个功能强大的井深-时间曲线图表容器，主要用于石油钻探领域的数据可视化。它提供了丰富的配置选项和交互功能，支持实时数据展示、多主题切换、岩性显示等功能。
+kd-curve-v2 是一个功能强大的井深-时间曲线图表容器，主要用于石油钻探领域的数据可视化。它提供了丰富的配置选项和交互功能，支持实时数据展示、多主题切换、岩性显示等功能。
 
 ### 主要特点
 
@@ -21,39 +21,10 @@ kd-lane-chart-container 是一个功能强大的井深-时间曲线图表容器
 ### 2.1 环境要求
 
 - Vue 2.x
-- ECharts
-- SCSS
 
-### 2.2 安装依赖
+### 2.2 安装
 
-```bash
-# 安装项目依赖
-npm install
-
-# 启动开发服务器
-npm run serve
-
-# 构建生产版本
-npm run build
-```
-
-### 2.3 项目结构
-
-```
-kd-lane-chart-container/
-├── src/
-│   ├── App.vue              # 主应用组件
-│   ├── components/           # 组件目录
-│   │   ├── frame-layout/     # 框架布局组件
-│   │   ├── resizeEcharts/    # 自适应ECharts组件
-│   │   └── util/             # 工具函数
-│   ├── mock/                 # 模拟数据
-│   │   ├── convertedData.json
-│   │   └── testData.js
-│   └── styles/               # 样式文件
-│       └── theme/            # 主题样式
-└── public/                   # 静态资源
-```
+- npm install kd-curve-v2
 
 ## 3. 主要功能说明
 
@@ -607,13 +578,13 @@ async visibleDataChange(data) {
 
     return {
       value: 10,
-      name: layer?.name || "",
-      startDepth: layer?.start,
-      endDepth: layer?.end,
+      name: layer && layer.name || "",
+      startDepth: layer && layer.start,
+      endDepth: layer && layer.end,
       itemStyle: {
         borderWidth: 0,
         borderColor: "transparent",
-        color: layer?.color || "#000",
+        color: layer && layer.color || "#000",
       },
     };
   });
@@ -841,9 +812,9 @@ getTopData(content) {
 ```javascript
 getBottomData(content) {
   const generator = createMockDataGenerator(this.dataSource, {
-    startDepth: content?.depth || 0,
+    startDepth: content && content.depth || 0,
     depthStep: 5,
-    startTime: content?.timestamp || 0,
+    startTime: content && content.timestamp || 0,
     timeStep: 10,
   });
   let curveDatas = [];
@@ -1244,7 +1215,6 @@ export default {
 </script>
 
 <style lang="scss">
-@import "@/styles/theme/index.scss";
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -1380,9 +1350,9 @@ getTopData(content) {
 // 获取底部数据
 getBottomData(content) {
   const generator = createMockDataGenerator(this.dataSource, {
-    startDepth: content?.depth || 0,
+    startDepth: content && content.depth || 0,
     depthStep: 5,
-    startTime: content?.timestamp || 0,
+    startTime: content && content.timestamp || 0,
     timeStep: 10,
   });
   let curveDatas = [];
@@ -1481,13 +1451,13 @@ async visibleDataChange(data) {
 
     return {
       value: 10,
-      name: layer?.name || "",
-      startDepth: layer?.start,
-      endDepth: layer?.end,
+      name: layer && layer.name || "",
+      startDepth: layer && layer.start,
+      endDepth: layer && layer.end,
       itemStyle: {
         borderWidth: 0,
         borderColor: "transparent",
-        color: layer?.color || "#000",
+        color: layer && layer.color || "#000",
       },
     };
   });