created row of gauges
This commit is contained in:
@@ -1,10 +1,12 @@
|
||||
// JavaScript
|
||||
function updateGauge(value) {
|
||||
const gaugeValue = document.getElementById('gaugeValue');
|
||||
const gaugeText = document.getElementById('gaugeText');
|
||||
const maxGaugeValue = 100; // Maximum value the gauge can display
|
||||
const rotationDegree = ((value / maxGaugeValue) * 180) - 90; // Convert value to degree (-90 to 90)
|
||||
|
||||
gaugeValue.style.transform = `rotate(${rotationDegree}deg)`;
|
||||
gaugeText.textContent = value; // Update the text
|
||||
|
||||
// Change color based on value
|
||||
if (value <= 40) {
|
||||
@@ -17,4 +19,4 @@ function updateGauge(value) {
|
||||
}
|
||||
|
||||
// Example usage:
|
||||
updateGauge(50); // Rotates the gauge to 0 degrees (50 out of 100) and changes color to orange
|
||||
updateGauge(50); // Rotates the gauge to 0 degrees (50 out of 100), changes color to orange, and updates the text to "50"
|
Reference in New Issue
Block a user