diff --git a/src/views/quality/monitoring/qualityStatistics/components/detailGraph.vue b/src/views/quality/monitoring/qualityStatistics/components/detailGraph.vue
index b601f853..70a3a71a 100644
--- a/src/views/quality/monitoring/qualityStatistics/components/detailGraph.vue
+++ b/src/views/quality/monitoring/qualityStatistics/components/detailGraph.vue
@@ -37,6 +37,8 @@ export default {
border: 1px solid #cfcfcf;
border-radius: 8px;
padding: 8px;
+ display: flex;
+ flex-direction: column;
}
.title > span {
@@ -45,4 +47,9 @@ export default {
background: rgba(20, 145, 210, 0.155);
border-left: 4px solid rgba(20, 145, 210);
}
+
+.content {
+ flex: 1;
+ // background-color: aquamarine;
+}
diff --git a/src/views/quality/monitoring/qualityStatistics/components/graphs/line.vue b/src/views/quality/monitoring/qualityStatistics/components/graphs/line.vue
new file mode 100644
index 00000000..7e9fb167
--- /dev/null
+++ b/src/views/quality/monitoring/qualityStatistics/components/graphs/line.vue
@@ -0,0 +1,154 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/views/quality/monitoring/qualityStatistics/graphPage.vue b/src/views/quality/monitoring/qualityStatistics/graphPage.vue
index 1b38d0a2..2cd31c49 100644
--- a/src/views/quality/monitoring/qualityStatistics/graphPage.vue
+++ b/src/views/quality/monitoring/qualityStatistics/graphPage.vue
@@ -10,7 +10,9 @@
-
+
+
+
@@ -19,10 +21,11 @@