Fix subtitle of trend chart

Author: sheepzh

src/app/components/trend/components/chart/wrapper.ts

@@ -30,6 +30,7 @@ import { formatPeriodCommon, formatTime, MILL_PER_DAY } from "@util/time"
 import hostAliasService from "@service/host-alias-service"
 import HostAlias from "@entity/dao/host-alias"
 import { getPrimaryTextColor, getSecondaryTextColor } from "@util/style"
+import { labelOfHostInfo } from "../common"
 
 use([
     LineChart,
@@ -194,7 +195,7 @@ function getAxias(format: string, dateRange: Date[] | undefined): string[] {
 }
 
 async function processSubtitle(host: timer.app.trend.HostInfo) {
-    let subtitle = host?.toString()
+    let subtitle = labelOfHostInfo(host)
     if (!subtitle) {
         return DEFAULT_SUB_TITLE
     }

src/app/components/trend/components/common.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2022 Hengyang Zhang
+ * 
+ * This software is released under the MIT License.
+ * https://opensource.org/licenses/MIT
+ */
+
+import { t } from "@app/locale"
+
+/**
+ * Transfer host info to label 
+ */
+export function labelOfHostInfo(hostInfo: timer.app.trend.HostInfo): string {
+    const { host, merged } = hostInfo
+    if (!host) return ''
+    const mergedLabel = merged ? `[${t(msg => msg.trend.merged)}]` : ''
+    return `${host}${mergedLabel}`
+}

src/app/components/trend/components/filter.ts

@@ -15,6 +15,7 @@ import { TrendMessage } from "@app/locale/components/trend"
 import DateRangeFilterItem from "@app/components/common/date-range-filter-item"
 import SelectFilterItem from "@app/components/common/select-filter-item"
 import { ElementDatePickerShortcut } from "@app/element-ui/date"
+import { labelOfHostInfo } from "./common"
 
 async function handleRemoteSearch(queryStr: string, trendDomainOptions: Ref<timer.app.trend.HostInfo[]>, searching: Ref<boolean>) {
     if (!queryStr) {
@@ -66,13 +67,6 @@ function hostInfoOfKey(key: string): timer.app.trend.HostInfo {
     return { host: key.substring(1), merged }
 }
 
-function labelOfHostInfo(hostInfo: timer.app.trend.HostInfo): string {
-    const { host, merged } = hostInfo
-    if (!host) return ''
-    const mergedLabel = merged ? `[${t(msg => msg.trend.merged)}]` : ''
-    return `${host}${mergedLabel}`
-}
-
 const _default = defineComponent({
     name: "TrendFilter",
     props: {