Browse Source

修复Management.html页面柱状图刷新跳动问题,增加Y轴空间确保顶部数值完全显示

Boss3
Default User 1 month ago
parent
commit
039c624cea
  1. 10
      Management.html

10
Management.html

@ -1398,9 +1398,9 @@
const cachedData = getCachedData(cacheKey); const cachedData = getCachedData(cacheKey);
if (cachedData) { if (cachedData) {
// 使用缓存数据更新UI,提高响应速度 // 使用缓存数据更新统计信息卡片,但不渲染图表,避免跳动
updateStatsInfo(cachedData.stats); updateStatsInfo(cachedData.stats);
renderChart(cachedData.chartData); // 保存缓存数据到全局变量
chartData = cachedData.chartData; chartData = cachedData.chartData;
suppliesData = cachedData.suppliesData; suppliesData = cachedData.suppliesData;
usersData = cachedData.usersData; usersData = cachedData.usersData;
@ -1436,7 +1436,7 @@
// 更新统计信息 // 更新统计信息
updateStatsInfo(data.data.stats); updateStatsInfo(data.data.stats);
// 渲染图表并保存chartData // 渲染图表并保存chartData - 只在这里渲染一次,避免跳动
renderChart(data.data.chartData); renderChart(data.data.chartData);
chartData = data.data.chartData; chartData = data.data.chartData;
@ -1516,10 +1516,10 @@
ticks: { ticks: {
stepSize: 1 stepSize: 1
}, },
// 动态计算Y轴最大值,为顶部数字留出空间 // 动态计算Y轴最大值,为顶部数字留出更多空间
max: function(context) { max: function(context) {
const max = Math.max(...context.chart.data.datasets[0].data); const max = Math.max(...context.chart.data.datasets[0].data);
return max + 2; // 增加Y轴最大高度,为数值标签留出更多空间 return max + 10; // 增加更多Y轴最大高度,确保顶部数值标签完全显示
} }
}, },
x: { x: {

Loading…
Cancel
Save