github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-16 13:19:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

use i18n

Browse Source
This commit is contained in:
Fine
2022-11-09 22:10:18 +08:00
parent a1dca09a55
commit f393440a5d
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/dashboard/graphs/Bar.vue
View File

@@ -15,7 +15,7 @@ limitations under the License. -->
<template> <template>
<div class="graph" :class="isRight ? 'flex-h' : 'flex-v'"> <div class="graph" :class="isRight ? 'flex-h' : 'flex-v'">
<Graph :option="option" @select="clickEvent" :filters="config.filters" /> <Graph :option="option" @select="clickEvent" :filters="config.filters" />
<Legend :config="config.legend" :data="data" /> <Legend :config="config.legend" :data="data" :intervalTime="intervalTime" />
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>

7
src/views/dashboard/graphs/components/Legend.vue
View File

@@ -36,8 +36,8 @@ limitations under the License. -->
</template> </template>
<div class="list"> <div class="list">
<div class="value"> <div class="value">
<span>Key</span> <span>{{ t("key") }}</span>
<span>Value</span> <span>{{ t("value") }}</span>
</div> </div>
<div class="value" v-for="(d, index) in item.topN" :key="index"> <div class="value" v-for="(d, index) in item.topN" :key="index">
<span>{{ d.key }}</span> <span>{{ d.key }}</span>
@@ -56,6 +56,7 @@ limitations under the License. -->
<script lang="ts" setup> <script lang="ts" setup>
import { computed } from "vue"; import { computed } from "vue";
import type { PropType } from "vue"; import type { PropType } from "vue";
import { useI18n } from "vue-i18n";
import { LegendOptions } from "@/types/dashboard"; import { LegendOptions } from "@/types/dashboard";
import useLegendProcess from "@/hooks/useLegendProcessor"; import useLegendProcess from "@/hooks/useLegendProcessor";
@@ -71,7 +72,7 @@ const props = defineProps({
}, },
intervalTime: { type: Array as PropType<string[]>, default: () => [] }, intervalTime: { type: Array as PropType<string[]>, default: () => [] },
}); });
const { t } = useI18n();
const tableData: any = computed(() => { const tableData: any = computed(() => {
const { aggregations } = useLegendProcess(props.config); const { aggregations } = useLegendProcess(props.config);
return aggregations(props.data, props.intervalTime).source; return aggregations(props.data, props.intervalTime).source;