Browse Source

feat: redis echarts

main
xingyuv 2 years ago
parent
commit
afec346d64
  1. 3
      src/utils/lib/echarts.ts
  2. 4
      src/views/infra/redis/components/Memory.vue

3
src/utils/lib/echarts.ts

@ -1,6 +1,6 @@
import * as echarts from 'echarts/core' import * as echarts from 'echarts/core'
import { BarChart, LineChart, PieChart, MapChart, PictorialBarChart, RadarChart, ScatterChart } from 'echarts/charts' import { BarChart, GaugeChart, LineChart, PieChart, MapChart, PictorialBarChart, RadarChart, ScatterChart } from 'echarts/charts'
import { import {
TitleComponent, TitleComponent,
@ -30,6 +30,7 @@ echarts.use([
AriaComponent, AriaComponent,
ParallelComponent, ParallelComponent,
BarChart, BarChart,
GaugeChart,
LineChart, LineChart,
PieChart, PieChart,
MapChart, MapChart,

4
src/views/infra/redis/components/Memory.vue

@ -11,7 +11,7 @@ import { propTypes } from '@/utils/propTypes'
const props = defineProps({ const props = defineProps({
loading: Boolean, loading: Boolean,
cacheInfo: propTypes.object, cacheInfo: Object,
width: propTypes.string.def('100%'), width: propTypes.string.def('100%'),
height: propTypes.string.def('300px') height: propTypes.string.def('300px')
}) })
@ -36,7 +36,7 @@ watch(
name: '峰值', name: '峰值',
type: 'gauge', type: 'gauge',
min: 0, min: 0,
max: 1000, max: 100,
detail: { detail: {
formatter: optionsData.value.used_memory_human formatter: optionsData.value.used_memory_human
}, },