瀏覽代碼

fix: :bug: 图表动态最大值

chaooo 2 年之前
父節點
當前提交
bb00ce27f0
共有 3 個文件被更改,包括 7 次插入1 次删除
  1. 1 0
      src/api/areaboard/types.ts
  2. 5 1
      src/components/Charts/AverageBarChart.vue
  3. 1 0
      src/views/areaboard/index.vue

+ 1 - 0
src/api/areaboard/types.ts

@@ -32,4 +32,5 @@ export interface AreaLineData {
   afterNum: number[]; // 训练后区间人数
   curve: number[]; //整体变化曲线
   num: number[]; //整体变化曲线对应人数
+  max_num: number; //区间人数最大值
 }

+ 5 - 1
src/components/Charts/AverageBarChart.vue

@@ -28,6 +28,10 @@ const props = defineProps({
     type: Array,
     default: [] as Array<number>,
   },
+  dataMax: {
+    type: Number,
+    default: 10,
+  },
 });
 /**
  * 配置项
@@ -73,7 +77,7 @@ const options = {
       name: "人数",
       show: true,
       min: 0,
-      max: 18,
+      max: Math.ceil(props.dataMax / 6) * 6,
       boundaryGap: true,
       axisLine: {
         show: true,

+ 1 - 0
src/views/areaboard/index.vue

@@ -339,6 +339,7 @@ onMounted(() => {
                 id="averageBarChart1"
                 :key="averageData?.toString()"
                 :data-sets="averageData || [[], []]"
+                :data-max="lineChartData?.max_num || 10"
                 width="520px"
                 height="520px"
                 class="chart" />