CN-JS-HuiBai/PromdataPanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

前端渲染算法优化

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-05 22:39:43 +08:00
parent 469ef9e448
commit d7d650c5f9
3 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
public/js/chart.js
View File

@@ -234,7 +234,7 @@ class AreaChart {
drawArea(ctx, values, getX, getY, chartH, p, fillColorTop, fillColorBottom, strokeColor, len) {
if (!values || values.length === 0) return;
const useSimple = len > 500;
const useSimple = len > 250;
// Fill
ctx.beginPath();
@@ -469,16 +469,20 @@ class MetricChart {
});
} else {
// Draw Single Line Path
const useSimple = len > 250;
ctx.beginPath();
ctx.moveTo(getX(0), getY(values[0]));
for (let i = 1; i < len; i++) {
const prevX = getX(i - 1);
const currX = getX(i);
const prevY = getY(values[i - 1]);
const currY = getY(values[i]);
const midX = (prevX + currX) / 2;
ctx.bezierCurveTo(midX, prevY, midX, currY, currX, currY);
if (useSimple) {
ctx.lineTo(getX(i), getY(values[i]));
} else {
const prevX = getX(i - 1);
const currX = getX(i);
const prevY = getY(values[i - 1]);
const currY = getY(values[i]);
const midX = (prevX + currX) / 2;
ctx.bezierCurveTo(midX, prevY, midX, currY, currX, currY);
}
}
// Stroke