diff --git a/src/assets/icons/list-tree.svg b/src/assets/icons/list-tree.svg new file mode 100644 index 00000000..43da065c --- /dev/null +++ b/src/assets/icons/list-tree.svg @@ -0,0 +1,17 @@ + + + + \ No newline at end of file diff --git a/src/assets/icons/statistics-bulleted.svg b/src/assets/icons/statistics-bulleted.svg index 236a28cc..a4f146b7 100644 --- a/src/assets/icons/statistics-bulleted.svg +++ b/src/assets/icons/statistics-bulleted.svg @@ -12,4 +12,4 @@ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. --> - \ No newline at end of file + \ No newline at end of file diff --git a/src/views/dashboard/related/trace/components/D3Graph/Index.vue b/src/views/dashboard/related/trace/components/D3Graph/Index.vue index 6af7c321..1bfff7f9 100644 --- a/src/views/dashboard/related/trace/components/D3Graph/Index.vue +++ b/src/views/dashboard/related/trace/components/D3Graph/Index.vue @@ -293,7 +293,7 @@ limitations under the License. --> selectedMinTimestamp: props.selectedMinTimestamp, }); } - tree.value.draw(() => { + tree.value?.draw(() => { setTimeout(() => { loading.value = false; }, 200); diff --git a/src/views/dashboard/related/trace/components/VisGraph/constant.ts b/src/views/dashboard/related/trace/components/VisGraph/constant.ts index 12282a12..1d46260a 100644 --- a/src/views/dashboard/related/trace/components/VisGraph/constant.ts +++ b/src/views/dashboard/related/trace/components/VisGraph/constant.ts @@ -24,6 +24,6 @@ export enum TraceGraphType { export const GraphTypeOptions = [ { value: "List", icon: "list-bulleted", label: "list" }, { value: "Tree", icon: "issue-child", label: "tree" }, - { value: "Table", icon: "table", label: "table" }, + { value: "Table", icon: "list-tree", label: "table" }, { value: "Statistics", icon: "statistics-bulleted", label: "statistics" }, ] as const;