Forráskód Böngészése

fix:K线图添加边距设置

liu.shiyi 11 hónapja
szülő
commit
6d43d78e4c

+ 6 - 0
data-room-ui/packages/BasicComponents/Candlestick/index.vue

@@ -240,6 +240,12 @@ export default {
             type: 'line'
           }
         },
+        grid: {
+          left: config.customize.left || 50,
+          right: config.customize.right || 20,
+          bottom: config.customize.bottom || 60,
+          top: config.customize.top || 20
+        },
         series: [
           {
             type: 'candlestick',

+ 29 - 0
data-room-ui/packages/BasicComponents/Candlestick/setting.vue

@@ -334,6 +334,35 @@
           />
         </el-form-item>
       </div>
+      <SettingTitle>
+        边距
+      </SettingTitle>
+      <div class="lc-field-body">
+        <el-form-item label="上边距">
+          <el-input-number
+            v-model="config.customize.top"
+            class="bs-el-input-number"
+          />
+        </el-form-item>
+        <el-form-item label="下边距">
+          <el-input-number
+            v-model="config.customize.bottom"
+            class="bs-el-input-number"
+          />
+        </el-form-item>
+        <el-form-item label="左边距">
+          <el-input-number
+            v-model="config.customize.left"
+            class="bs-el-input-number"
+          />
+        </el-form-item>
+        <el-form-item label="右边距">
+          <el-input-number
+            v-model="config.customize.right"
+            class="bs-el-input-number"
+          />
+        </el-form-item>
+      </div>
     </el-form>
   </div>
 </template>

+ 4 - 0
data-room-ui/packages/BasicComponents/Candlestick/settingConfig.js

@@ -42,6 +42,10 @@ const customConfig = {
     gridShow: true,
     gridColor: '#314656',
     gridWidth: 1,
+    left: 50,
+    right: 20,
+    top: 20,
+    bottom: 60,
     xAxis: {
       name: '',
       nameColor: '#fff',