Move covmanager graph to d3

MozillaSecurity · Jan 8, 2025 · 6312157 · 6312157
1 parent 39db4f8
commit 6312157
Show file tree

Hide file tree

Showing 8 changed files with 383 additions and 216 deletions.
diff --git a/server/frontend/package-lock.json b/server/frontend/package-lock.json
diff --git a/server/frontend/package.json b/server/frontend/package.json
@@ -14,7 +14,6 @@
     },
     "dependencies": {
         "axios": "^1.6.7",
-        "chart.js": "^4.4.7",
         "d3": "^7.8.5",
         "floating-vue": "^2.0.0",
         "handlebars": "^4.7.8",

diff --git a/server/frontend/src/components/Covmanager/Browse.vue b/server/frontend/src/components/Covmanager/Browse.vue
@@ -61,11 +61,7 @@
       <div v-show="search">
         <input ref="search" v-model="search" type="text" class="form-control" />
       </div>
-      <line-chart
-        v-if="chartdata"
-        :chartdata="chartdata"
-        style="height: 50vh"
-      ></line-chart>
+      <line-chart v-if="chartdata" :chartdata="chartdata"></line-chart>
       <table class="table table-condensed table-hover table-db">
         <thead>
           <tr>
@@ -450,6 +446,7 @@ export default defineComponent({
             this.chartdata["labels"] = [];
             this.chartdata["datasets"] = [
               {
+                id: 1,
                 label: "Total Coverage (%)",
                 borderColor: "#f87979",
                 fill: "false",
@@ -462,6 +459,7 @@ export default defineComponent({
                 unit: "%",
               },
               {
+                id: 2,
                 label: "Lines not covered",
                 borderColor: "#6699ff",
                 fill: "false",
@@ -474,6 +472,7 @@ export default defineComponent({
                 unit: "lines",
               },
               {
+                id: 3,
                 label: "Total lines (coverable)",
                 borderColor: "#ff9966",
                 fill: "false",