style:图表样式修改

master
黄伟杰 3 weeks ago
parent a9fa9b4f02
commit 99bf9b3b4d

@ -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({

@ -84,7 +84,7 @@
</view>
</view>
<view v-if="currentRange !== 'custom'" class="trend-chart">
<text class="chart-title">{{ t('dashboard.taskTrend') }}</text>
<text class="chart-title">{{ t('dashboard.totalTask') }}</text>
<view class="chart-box">
<qiun-data-charts type="line" :chartData="taskChartData" :canvas2d="false"
:opts="chartOpts" />
@ -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;
}
</style>

Loading…
Cancel
Save