add graphql

src/views/dashboard/related/demand/Header.vue

@@ -47,25 +47,24 @@ limitations under the License. -->
     </div>
     <div class="mr-5">
       <span class="grey mr-5">{{ t("duration") }}:</span>
-      <el-input-number
-        v-model="limit"
-        :min="1"
-        :max="100"
-        size="small"
-        controls-position="right"
-        @change="changeField('limit', $event)"
-      />
+      <!-- <TimePicker
+        :value="duration"
+        position="bottom"
+        format="YYYY-MM-DD HH:mm:ss"
+        @input="changeDuration"
+      /> -->
     </div>
     <div class="mr-5">
       <span class="grey mr-5">{{ t("interval") }}:</span>
       <el-input-number
-        v-model="limit"
+        v-model="intervalTime"
         :min="1"
-        :max="100"
+        :max="120"
         size="small"
         controls-position="right"
-        @change="changeField('limit', $event)"
+        @change="changeField('interval', $event)"
       />
+      Seconds
     </div>
     <el-button
       class="search-btn"
@@ -146,6 +145,7 @@ const excludingKeywordsOfContent = ref<string[]>([]);
 const contentStr = ref<string>("");
 const excludingContentStr = ref<string>("");
 const limit = ref<number>(1);
+const intervalTime = ref<number>(1);
 const state = reactive<any>({
   instance: { value: "", label: "" },
   container: { value: "", label: "" },

src/views/dashboard/related/ebpf/components/EBPFSchedules.vue

@@ -260,7 +260,7 @@ watch(
 }
 
 .inputs {
-  width: 350px;
+  width: 400px;
 }
 
 .input-with-search {

src/views/dashboard/related/ebpf/components/EBPFStack.vue

@@ -67,6 +67,7 @@ function drawGraph() {
   );
   root.value = param[0];
   root.dumpCount = param[1];
+  console.log(root);
   stackTree.value = root;
   const w = (graph.value && graph.value.getBoundingClientRect().width) || 10;
   flameChart.value = flamegraph()
@@ -116,7 +117,7 @@ function processTree(arr: StackElement[]) {
     delete item.id;
     obj[item.originId] = item;
   }
-  const scale = d3.scaleLinear().domain([min.value, max.value]).range([1, 200]);
+  const scale = d3.scaleLinear().domain([min.value, max.value]).range([1, 100]);
   for (const item of copyArr) {
     if (item.parentId === "1") {
       const val = Number(scale(item.dumpCount).toFixed(4));
@@ -127,7 +128,7 @@ function processTree(arr: StackElement[]) {
       if (item.originId === obj[key].parentId) {
         const val = Number(scale(obj[key].dumpCount).toFixed(4));
 
-        obj[key].value = val;
+        obj[key].value = val < 10 ? 10 : val;
         if (item.children) {
           item.children.push(obj[key]);
         } else {