mirror of
https://github.com/Aider-AI/aider.git
synced 2025-05-30 17:24:59 +00:00
feat: Omit numbers on narrow screens
This commit is contained in:
parent
84e24bd5a2
commit
2054bef7f9
1 changed files with 14 additions and 12 deletions
|
@ -109,19 +109,21 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
afterDraw: function(chart) {
|
||||
var ctx = chart.ctx;
|
||||
var isWideScreen = window.innerWidth > 768; // Assuming 768px as the breakpoint for wide screens
|
||||
chart.data.datasets.forEach(function(dataset, i) {
|
||||
var meta = chart.getDatasetMeta(i);
|
||||
meta.data.forEach(function(bar, index) {
|
||||
var data = dataset.data[index];
|
||||
if (data !== null) {
|
||||
ctx.fillStyle = '#000000';
|
||||
ctx.textAlign = 'center';
|
||||
ctx.textBaseline = 'bottom';
|
||||
var displayText = isWideScreen ? data.toFixed(1) + '%' : Math.round(data) + '%';
|
||||
ctx.fillText(displayText, bar.x, bar.y - 5);
|
||||
}
|
||||
if (isWideScreen) {
|
||||
chart.data.datasets.forEach(function(dataset, i) {
|
||||
var meta = chart.getDatasetMeta(i);
|
||||
meta.data.forEach(function(bar, index) {
|
||||
var data = dataset.data[index];
|
||||
if (data !== null) {
|
||||
ctx.fillStyle = '#000000';
|
||||
ctx.textAlign = 'center';
|
||||
ctx.textBaseline = 'bottom';
|
||||
var displayText = data.toFixed(1) + '%';
|
||||
ctx.fillText(displayText, bar.x, bar.y - 5);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
}]
|
||||
};
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue