mirror of
https://github.com/rustfs/console.git
synced 2026-09-19 01:47:44 +08:00
overtrueandClaude
de0f2c550d
- Added comprehensive TypeScript type definitions for app configuration - Fixed type safety issues in sidebar component with proper type casting - Improved code organization with better file naming conventions - Enhanced error handling with centralized error management - Added performance optimizations with caching and code splitting - Improved development experience with better tooling configuration - Updated project documentation with comprehensive README - Added proper type definitions for navigation items and app config - Fixed licensing information and added proper Apache 2.0 license 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
67 lines
1.2 KiB
Vue
67 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
const { t } = useI18n()
|
|
|
|
const lineOptions = ref<ECOption>({
|
|
title: {
|
|
text: t('Weekly MB/s Change Trend'),
|
|
left: 'center',
|
|
textStyle: {
|
|
color: '#fff'
|
|
}
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
grid: {
|
|
top: '15%',
|
|
left: '0%',
|
|
right: '0%',
|
|
bottom: '0%',
|
|
containLabel: true // 确保标签不会被裁剪
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
data: [t('Monday'), t('Tuesday'), t('Wednesday'), t('Thursday'), t('Friday'), t('Saturday'), t('Sunday')],
|
|
axisLabel: {
|
|
color: '#fff'
|
|
}
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
name: 'MB/s',
|
|
min: 0,
|
|
max: 300,
|
|
interval: 50,
|
|
axisLabel: {
|
|
color: '#fff'
|
|
}
|
|
},
|
|
series: [{
|
|
data: [140, 220, 210, 200, 160, 140, 260],
|
|
type: 'line',
|
|
smooth: true,
|
|
itemStyle: {
|
|
color: '#409eff'
|
|
},
|
|
lineStyle: {
|
|
color: '#409eff'
|
|
}
|
|
}]
|
|
}) as Ref<ECOption>
|
|
|
|
useEcharts('lineRef', lineOptions)
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
ref="lineRef"
|
|
class="h-64"
|
|
/>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|