带刻度js仪表盘

function updatePointer(value) {
    const pointer = document.getElementById('pointer');
    const angle = (value / max_value) * (max_angle - min_angle) + min_angle;
    pointer.style.transform = `rotate(${angle}deg)`;
}

// 假设每秒更新一次数据
setInterval(() => {
    const newValue = getRandomValue(); // 获取新值的函数
    updatePointer(newValue);
}, 1000);

function generateScale() {
    const scaleContainer = document.getElementById('scale');
    for (let i = 0; i <= max_value; i += step) {
        const tick = document.createElement('div');
        tick.className = 'tick';
        tick.style.left = `${(i / max_value) * 100}%`;
        scaleContainer.appendChild(tick);
    }
}

generateScale();

.gauge {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.tick {
    position: absolute;
    top: 50%;
    transform-origin: bottom;
}