Гибкая компоновка на графике в javascript

#javascript #graph

Вопрос:

в javascript я делаю тест. ответы отображаются в виде вертикальной столбчатой диаграммы. Я рисую эту диаграмму в javascript, используя фиксированное значение и умножая его на входные данные объектов диапазона.

Проблема в том, что он не распознает ширину браузера и вообще не переводит на мобильный. Как я могу запросить ширину экрана? и сделайте так, чтобы график оставался аккуратным в браузере Спасибо за вашу помощь!, пожалуйста, немного уточните, так как я новичок в javascript

 ranges.forEach((range) =gt; {  const rangeVal = parseInt(document.getElementById(range).value);  result  = rangeVal; // add value to counter  var chart1value;  var fixedValue = 100  var barWidth1 = document.querySelector("#bar-one");  chart1value = result;  chart1value = chart1value * fixedValue;  document.getElementById('bar-one').value = chart1value;  barWidth1.style.width = chart1value   "px"; });  

Обновить :

поэтому я запросил ширину экрана браузера с помощью jquery. но это статическая ширина. Кто-нибудь знает, если это

 var width = $(window).width();   ranges.forEach((range) =gt; {  const rangeVal = parseInt(document.getElementById(range).value);  result  = rangeVal; // add value to counter  var chart1value;  // var fixedValue = 100  var barWidth1 = document.querySelector("#bar-one");  chart1value = result;  chart1value = chart1value * width * 0.9 / 10;  document.getElementById('bar-one').value = chart1value;  barWidth1.style.width = chart1value   "px";  });