github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 00:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix width

Browse Source
This commit is contained in:
Fine 2022-11-09 21:38:36 +08:00
parent b30a0c0bf7
commit a1dca09a55
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,9 +15,7 @@ limitations under the License. -->
<template> <template>
<div <div
class="legend" class="legend"
:style="`width: ${ :style="`width: ${width}; maxHeight:${isRight ? '100%' : 130}`"
config.width || (isRight ? '150px' : '100%')
}; maxHeight:${isRight ? '100%' : 130}`"
v-if="tableData.length && config.asTable" v-if="tableData.length && config.asTable"
> >
<table> <table>
@ -83,6 +81,13 @@ const headerRow = computed(() => {
return aggregations(props.data, props.intervalTime).headers; return aggregations(props.data, props.intervalTime).headers;
}); });
const isRight = computed(() => useLegendProcess(props.config).isRight); const isRight = computed(() => useLegendProcess(props.config).isRight);
const width = computed(() =>
props.config.width
? props.config.width + "px"
: isRight.value
? "150px"
: "100%"
);
const colors = computed(() => { const colors = computed(() => {
const keys = Object.keys(props.data || {}).filter( const keys = Object.keys(props.data || {}).filter(
(i: any) => Array.isArray(props.data[i]) && props.data[i].length (i: any) => Array.isArray(props.data[i]) && props.data[i].length