OpenWrt/luci-app-disks-info
1
0
Fork 0
mirror of https://github.com/gSpotx2f/luci-app-disks-info.git synced 2025-01-08 11:47:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fixed svg

Browse Source
This commit is contained in:
gSpot 2020-06-22 01:31:13 +03:00
parent 3957b82178
commit 17061f3c7e
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
htdocs/luci-static/resources/view/disks-info.js
View File

@ -322,8 +322,8 @@ return L.view.extend({
let svgWidth = 900; let svgWidth = 900;
let svgHeight = 300; let svgHeight = 300;
let tempValueMul = 4; // 1C == 4px let tempValueMul = 3; // 1C == 3px
let tempOffset = 10; // lowest temp value: 10C let tempOffset = 0; // lowest temp value: 0C
let tempStep = 5; // 5C step let tempStep = 5; // 5C step
let timeStep = svgWidth / dataSize; let timeStep = svgWidth / dataSize;
let timeLineInterval = Math.ceil(dataSize / 32); // 4 intervals (5 x 4 = 20 min) let timeLineInterval = Math.ceil(dataSize / 32); // 4 intervals (5 x 4 = 20 min)
@ -366,7 +366,7 @@ return L.view.extend({
lineC.setAttribute('y1', svgHeight - (this.diskTempCritical - tempOffset) * tempValueMul); lineC.setAttribute('y1', svgHeight - (this.diskTempCritical - tempOffset) * tempValueMul);
lineC.setAttribute('x2', '100%'); lineC.setAttribute('x2', '100%');
lineC.setAttribute('y2', svgHeight - (this.diskTempCritical - tempOffset) * tempValueMul); lineC.setAttribute('y2', svgHeight - (this.diskTempCritical - tempOffset) * tempValueMul);
lineC.setAttribute('style', 'stroke:red; stroke-width:0.8'); lineC.setAttribute('style', 'stroke:red; stroke-width:0.7');
svg.appendChild(lineC); svg.appendChild(lineC);
// time labels // time labels
@ -380,9 +380,9 @@ return L.view.extend({
line.setAttribute('style', 'stroke:black; stroke-width:1; opacity:0.1'); line.setAttribute('style', 'stroke:black; stroke-width:1; opacity:0.1');
svg.appendChild(line); svg.appendChild(line);
let text = document.createElementNS('http://www.w3.org/2000/svg', 'text'); let text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
text.setAttribute('x', i + 4); text.setAttribute('x', i + 6);
text.setAttribute('y', 0); text.setAttribute('y', 0);
text.setAttribute('style', 'fill:rgba(122,122,122,0.4); font-size:12px; font-family:sans-serif; font-weight:bold; writing-mode:vertical-rl'); text.setAttribute('style', 'fill:rgba(122,122,122,0.5); font-family:monospace; font-size:12px; font-weight:bold; writing-mode:vertical-rl');
if(i >= 2 * timeStep * timeLineInterval) { if(i >= 2 * timeStep * timeLineInterval) {
text.appendChild(document.createTextNode('%02d.%02d %02d:%02d'.format( text.appendChild(document.createTextNode('%02d.%02d %02d:%02d'.format(
dataUnits[j][2].getDate(), dataUnits[j][2].getDate(),
@ -411,7 +411,7 @@ return L.view.extend({
let text = document.createElementNS('http://www.w3.org/2000/svg', 'text'); let text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
text.setAttribute('x', 0); text.setAttribute('x', 0);
text.setAttribute('y', i - 3); text.setAttribute('y', i - 3);
text.setAttribute('style', 'fill:#eee; font-size:14px; font-family:sans-serif; text-shadow:1px 1px 1px #000'); text.setAttribute('style', 'fill:#eee; font-size:normal; text-shadow:1px 1px 1px #000');
if(c % 2 === 0) { if(c % 2 === 0) {
text.appendChild(document.createTextNode(((svgHeight - i) / tempValueMul) + tempOffset + ' °C')); text.appendChild(document.createTextNode(((svgHeight - i) / tempValueMul) + tempOffset + ' °C'));
}; };