diff --git a/src/components/dashboard/DeviceSection.vue b/src/components/dashboard/DeviceSection.vue index 8206c71..a40d0e0 100644 --- a/src/components/dashboard/DeviceSection.vue +++ b/src/components/dashboard/DeviceSection.vue @@ -150,10 +150,11 @@ const currentPeriodLabel = computed(() => { const rateChartOpts = { color: ['#1a3a5c', '#18bc37'], dataLabel: false, + dataPointShape: false, legend: { show: true, position: 'bottom' }, xAxis: { disableGrid: true, labelCount: 5 }, yAxis: { gridType: 'dash', dashLength: 2, data: [{ min: 0, max: 100 }] }, - extra: { line: { type: 'straight', width: 2, activeType: 'hollow' } } + extra: { line: { type: 'straight', width: 1, activeType: 'hollow' } } } const rateChartData = reactive({ diff --git a/src/components/dashboard/PlanSection.vue b/src/components/dashboard/PlanSection.vue index 16ca098..2e90b6c 100644 --- a/src/components/dashboard/PlanSection.vue +++ b/src/components/dashboard/PlanSection.vue @@ -84,7 +84,7 @@ - {{ t('dashboard.taskTrend') }} + {{ t('dashboard.totalTask') }} @@ -106,19 +106,21 @@ const { t } = useI18n() const chartOpts = { color: ['#1a3a5c'], dataLabel: false, + dataPointShape: false, legend: { show: false }, xAxis: { disableGrid: true, labelCount: 4 }, yAxis: { gridType: 'dash', dashLength: 2 }, - extra: { line: { type: 'straight', width: 2, activeType: 'hollow' } } + extra: { line: { type: 'curve', width: 1, activeType: 'hollow' } } } const passRateChartOpts = { color: ['#1a3a5c'], dataLabel: false, + dataPointShape: false, legend: { show: false }, xAxis: { disableGrid: true, labelCount: 4 }, yAxis: { gridType: 'dash', dashLength: 2, data: [{ min: 0, max: 100 }] }, - extra: { line: { type: 'straight', width: 2, activeType: 'hollow' } } + extra: { line: { type: 'curve', width: 1, activeType: 'hollow' } } } const currentFilter = ref('task') @@ -649,5 +651,6 @@ defineExpose({ loadData }) width: 100%; height: 450rpx; min-width: 100%; + border-radius: 12rpx; }