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

修改堆叠柱状图Y轴最小刻度为1

wangpx 1 éve
szülő
commit
229450cebd

BIN
dist.zip


+ 22 - 0
package-lock.json

@@ -66,6 +66,7 @@
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-prettier": "^4.0.0",
         "eslint-plugin-vue": "^8.5.0",
+        "husky": "^9.1.7",
         "lodash": "~4.17.21",
         "mockjs": "^1.1.0",
         "plop": "^3.0.5",
@@ -5099,6 +5100,21 @@
         "node": ">=10.17.0"
       }
     },
+    "node_modules/husky": {
+      "version": "9.1.7",
+      "resolved": "https://registry.npmmirror.com/husky/-/husky-9.1.7.tgz",
+      "integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
+      "dev": true,
+      "bin": {
+        "husky": "bin.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
     "node_modules/iconify-icon": {
       "version": "1.0.8",
       "license": "MIT",
@@ -12686,6 +12702,12 @@
       "version": "2.1.0",
       "dev": true
     },
+    "husky": {
+      "version": "9.1.7",
+      "resolved": "https://registry.npmmirror.com/husky/-/husky-9.1.7.tgz",
+      "integrity": "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==",
+      "dev": true
+    },
     "iconify-icon": {
       "version": "1.0.8",
       "requires": {

+ 1 - 0
package.json

@@ -71,6 +71,7 @@
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.5.0",
+    "husky": "^9.1.7",
     "lodash": "~4.17.21",
     "mockjs": "^1.1.0",
     "plop": "^3.0.5",

+ 3 - 2
src/packages/components/Charts/Bars/BarStacked/config.ts

@@ -34,13 +34,14 @@ export const option = {
       type: 'shadow'
     }
   },
-xAxis: {
+  xAxis: {
     show: true,
     type: 'category'
   },
   yAxis: {
     show: true,
-    type: 'value'
+    type: 'value',
+    minInterval: 1,
   },
   dataset: { ...dataJson },
   series: [seriesItem, seriesItem]

+ 1 - 1
src/packages/components/Charts/Bars/BarStacked/config.vue

@@ -58,7 +58,7 @@ const seriesList = computed(() => {
   // console.log('series:', props.optionData);
   // const series = props.optionData.series
   // series[series.length - 1].itemStyle.topBorder = [topBorder, topBorder, 0, 0]
-  const series = props.optionData.series.map(item => {
+  const series = props.optionData.series.map((item: typeof props.optionData.series[number]) => {
     const topBorder = item.itemStyle.topBorder
     item.itemStyle.borderRadius = [topBorder, topBorder, 0, 0]
     return item

+ 1 - 1
src/packages/components/Charts/Bars/BarStacked/index.ts

@@ -1,7 +1,7 @@
 // 公共类型声明
 import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
 // 当前[信息模块]分类声明
-import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
 // 展示图片
 // import image from '@/assets/images/chart/charts/bar_stack.png'
 

+ 6 - 13
src/packages/components/Charts/Bars/BarStacked/index.vue

@@ -1,14 +1,7 @@
 <template>
-  <v-chart
-    ref="vChartRef"
-    :init-options="initOptions"
-    :theme="themeColor"
-    :option="option"
-    :update-options="{
-      replaceMerge: replaceMergeArr
-    }"
-    autoresize
-  ></v-chart>
+  <v-chart ref="vChartRef" :init-options="initOptions" :theme="themeColor" :option="option" :update-options="{
+    replaceMerge: replaceMergeArr
+  }" autoresize></v-chart>
 </template>
 
 <script setup lang="ts">
@@ -63,14 +56,14 @@ watch(
         const seriesArr = []
         // 对oldData进行判断,防止传入错误数据之后对旧维度判断产生干扰
         // 此处计算的是dimensions的Y轴维度,若是dimensions.length为0或1,则默认为1,排除X轴维度干扰
-        const oldDimensions = Array.isArray(oldData?.dimensions)&&oldData.dimensions.length >= 1 ? oldData.dimensions.length : 1; 
+        const oldDimensions = Array.isArray(oldData?.dimensions) && oldData.dimensions.length >= 1 ? oldData.dimensions.length : 1;
         const newDimensions = newData.dimensions.length >= 1 ? newData.dimensions.length : 1;
         const dimensionsGap = newDimensions - oldDimensions;
         if (dimensionsGap < 0) {
           props.chartConfig.option.series.splice(newDimensions - 1)
         } else if (dimensionsGap > 0) {
-          if(!oldData || !oldData?.dimensions || !Array.isArray(oldData?.dimensions) || !oldData?.dimensions.length ) {
-              props.chartConfig.option.series=[]
+          if (!oldData || !oldData?.dimensions || !Array.isArray(oldData?.dimensions) || !oldData?.dimensions.length) {
+            props.chartConfig.option.series = []
           }
           for (let i = 0; i < dimensionsGap; i++) {
             seriesArr.push(cloneDeep(seriesItem))