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()) }} {{ t(i.scope.toLowerCase()) }}
</div> </div>
<div class="ml-10">{{ i.snapshot.expression }}</div>
<div class="mini-chart"> <div class="mini-chart">
<Line <Line
:data="handleMetrics(i.snapshot)" :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 See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div class="snapshot-charts"> <Graph :option="option" @select="clickEvent" />
<Graph :option="option" @select="clickEvent" />
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed } from "vue"; 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 See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div class="snapshot flex-v"> <LineChart
<LineChart class="snapshot flex-v"
:intervalTime="appStore.intervalTime" :intervalTime="appStore.intervalTime"
:data="metrics" :data="metrics"
:style="{ width: `800px`, height: `${metrics.length * 300}px` }" :style="{ width: `800px`, height: `${metrics.length * 300}px` }"
/> />
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed } from "vue"; import { computed } from "vue";