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

update

Browse Source
This commit is contained in:
Fine 2025-01-13 11:40:39 +08:00
parent e7c98dca29
commit e1a3c5e284
3 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/alarm/Content.vue
View File

@ -33,6 +33,7 @@ limitations under the License. -->
>
{{ t(i.scope.toLowerCase()) }}
</div>
<div class="ml-10">{{ i.snapshot.expression }}</div>
<div class="mini-chart">
<Line
:data="handleMetrics(i.snapshot)"

4
src/views/alarm/components/Line.vue
View File

@ -13,9 +13,7 @@ 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. -->
<template>
<div class="snapshot-charts">
<Graph :option="option" @select="clickEvent" />
</div>
<Graph :option="option" @select="clickEvent" />
</template>
<script lang="ts" setup>
import { computed } from "vue";

13
src/views/alarm/components/Snapshot.vue
View File

@ -13,13 +13,12 @@ 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. -->
<template>
<div class="snapshot flex-v">
<LineChart
:intervalTime="appStore.intervalTime"
:data="metrics"
:style="{ width: `800px`, height: `${metrics.length * 300}px` }"
/>
</div>
<LineChart
class="snapshot flex-v"
:intervalTime="appStore.intervalTime"
:data="metrics"
:style="{ width: `800px`, height: `${metrics.length * 300}px` }"
/>
</template>
<script lang="ts" setup>
import { computed } from "vue";