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

Loading…
Cancel
Save