update

resources/assets/js/home/TaskMetrics/ProcessPopover.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pm-all-view-popover">
+  <div class="pm-tm-view-popover">
     <b-popover
       :target="target"
       ref="popover"
@@ -39,6 +39,7 @@
             value-field="key"
             text-field="value"
             name="flavour-2a"
+            class="process-view-popover"
             @change="changeOptions"
             stacked
           ></b-form-checkbox-group>
@@ -167,4 +168,11 @@ export default {
 .v-popover-footer {
   display: flow-root;
 }
+
+.process-view-popover {
+  margin-bottom: 1rem;
+  overflow-y: auto;
+  display: block;
+  max-height: 200px;
+}
 </style>

resources/assets/js/home/TaskMetrics/VueChartLvOne.vue

@@ -124,7 +124,7 @@ export default {
       optionsCategory: [],
       optionsProcesses: [],
       selectedProcesses: [],
-      top: false,
+      top: true,
       width: 0,
       totalCases: [],
       currentSelection: null,
@@ -225,6 +225,7 @@ export default {
           that.formatDataProcesses(response.data);
           that.changeOption({
             id: "all",
+            paged: false,
           });
         })
         .catch((e) => {
@@ -480,5 +481,6 @@ export default {
 .vp-flex1 {
   flex: 1;
 }
+
 </style>
 <style src="vue-multiselect/dist/vue-multiselect.min.css"></style>

resources/assets/js/home/TaskMetrics/VueChartLvZero.vue

@@ -6,18 +6,15 @@
       <apexchart
         v-show="typeView === 'donut'"
         ref="apexchart1"
-        :width="width"
         :options="optionsDonut"
         :series="seriesDonut"
       ></apexchart>
       <apexchart
         v-show="typeView === 'bar'"
         ref="apexchart2"
-        :width="width"
         :options="optionsBar"
         :series="seriesBar"
       ></apexchart>
-
       <div class="row">
         <div class="col-sm vp-align-right">
           <button