style: remove graphs

src/graph/fragments/dashboard.ts

@@ -29,48 +29,6 @@ export const listMetrics = {
   }
   `,
 };
-export const queryMetricsValues = {
-  variable: ["$condition: MetricsCondition!, $duration: Duration!"],
-  query: `
-  readMetricsValues: readMetricsValues(condition: $condition, duration: $duration) {
-    label
-    values {
-      values {value}
-    }
-  }`,
-};
-
-export const queryMetricsValue = {
-  variable: ["$condition: MetricsCondition!, $duration: Duration!"],
-  query: `
-  readMetricsValue: readMetricsValue(condition: $condition, duration: $duration)`,
-};
-
-export const querySortMetrics = {
-  variable: ["$condition: TopNCondition!, $duration: Duration!"],
-  query: `
-  sortMetrics: sortMetrics(condition: $condition, duration: $duration) {
-    name
-    id
-    value
-    refId
-  }`,
-};
-export const queryLabeledMetricsValues = {
-  variable: [
-    "$condition: MetricsCondition!, $labels: [String!]!, $duration: Duration!",
-  ],
-  query: `
-  readLabeledMetricsValues: readLabeledMetricsValues(
-    condition: $condition,
-    labels: $labels,
-    duration: $duration) {
-    label
-    values {
-      values {value}
-    }
-  }`,
-};
 
 export const queryHeatMap = {
   variable: ["$condition: MetricsCondition!, $duration: Duration!"],
@@ -86,13 +44,3 @@ export const queryHeatMap = {
     }
   }`,
 };
-export const querySampledRecords = {
-  variable: ["$condition: TopNCondition!, $duration: Duration!"],
-  query: `
-  readSampledRecords: readSampledRecords(condition: $condition, duration: $duration) {
-    id
-    name
-    value
-    refId
-  }`,
-};

src/graph/query/dashboard.ts

@@ -16,12 +16,7 @@
  */
 import {
   TypeOfMetrics,
-  querySampledRecords,
   queryHeatMap,
-  queryLabeledMetricsValues,
-  querySortMetrics,
-  queryMetricsValue,
-  queryMetricsValues,
   listMetrics,
 } from "../fragments/dashboard";
 
@@ -29,15 +24,4 @@ export const queryTypeOfMetrics = `query typeOfMetrics(${TypeOfMetrics.variable}
 
 export const readHeatMap = `query queryData(${queryHeatMap.variable}) {${queryHeatMap.query}}`;
 
-export const readSampledRecords = `query queryData(${querySampledRecords.variable}) {${querySampledRecords.query}}`;
-
-export const readLabeledMetricsValues = `query queryData(${queryLabeledMetricsValues.variable}) {
-  ${queryLabeledMetricsValues.query}}`;
-
-export const sortMetrics = `query queryData(${querySortMetrics.variable}) {${querySortMetrics.query}}`;
-
-export const readMetricsValue = `query queryData(${queryMetricsValue.variable}) {${queryMetricsValue.query}}`;
-
-export const readMetricsValues = `query queryData(${queryMetricsValues.variable}) {${queryMetricsValues.query}}`;
-
 export const queryMetrics = `query queryData(${listMetrics.variable}) {${listMetrics.query}}`;

src/views/dashboard/graphs/InstanceList.vue

@@ -46,6 +46,11 @@ limitations under the License. -->
           </router-link>
         </template>
       </el-table-column>
+      <el-table-column label="metric">
+        <template #default="scope">
+          {{ scope.row.label }}
+        </template>
+      </el-table-column>
     </el-table>
     <el-pagination
       class="pagination"
@@ -68,10 +73,6 @@ import { InstanceListConfig } from "@/types/dashboard";
 
 /*global defineProps */
 defineProps({
-  data: {
-    type: Object as PropType<{ [key: string]: number[] }>,
-    default: () => ({}),
-  },
   config: {
     type: Object as PropType<InstanceListConfig>,
     default: () => ({ dashboardName: "", fontSize: 12 }),