fix linting issues

This commit is contained in:
Arthur Lu 2023-10-11 20:50:10 +00:00
parent 36ceb0d1fa
commit b0694ce8c1
2 changed files with 16 additions and 16 deletions

View File

@ -83,7 +83,7 @@ function createResourceUsageChart (container, resourceName, resourceAvail, resou
}] }]
}, },
breakpoint: 680 breakpoint: 680
} };
chart.style = "margin: 10px;"; chart.style = "margin: 10px;";
} }

View File

@ -55,8 +55,8 @@ class ResourceChart extends HTMLElement {
} }
set data (data) { set data (data) {
for (let line of data.title) { for (const line of data.title) {
this.caption.innerHTML += `<span>${line}</span>` this.caption.innerHTML += `<span>${line}</span>`;
} }
this.canvas.role = "img"; this.canvas.role = "img";
@ -80,16 +80,16 @@ class ResourceChart extends HTMLElement {
interaction: { interaction: {
mode: "nearest" mode: "nearest"
}, },
onHover: function(e, activeElements) { onHover: function (e, activeElements) {
if (window.innerWidth <= data.breakpoint) { if (window.innerWidth <= data.breakpoint) {
updateTooltipShow(e.chart, false); updateTooltipShow(e.chart, false);
} }
else { else {
updateTooltipShow(e.chart, true); updateTooltipShow(e.chart, true);
} }
},
},
} }
}
};
this.chart = createChart(this.canvas, chartData); this.chart = createChart(this.canvas, chartData);
@ -107,7 +107,7 @@ class ResourceChart extends HTMLElement {
} }
function createChart (ctx, data) { function createChart (ctx, data) {
return new Chart(ctx, data); return new window.Chart(ctx, data);
} }
// this is a really bad way to do this, but chartjs api does not expose many ways to dynamically set hover and tooltip options // this is a really bad way to do this, but chartjs api does not expose many ways to dynamically set hover and tooltip options