27
Май
2020

Как преобразовать массив значений в html свойства?

Есть такой массив arr, в нем несколько значений по возростанию.

Нужно из значение этого массива нарисовать линии в блоке div, где его высота 138px. Тоесть самое минимально значение 1587 это 0px, а 4870 это 138px

Здесь как я понял нужно какое то математическое уравнение составить

var arr = [1587, 2548, 2987, 3587, 4870];

arr.forEach(function(val){
  $('div').append('<div class="item"></div>').css('top', val +'px');
});
.items {
  width: 200px;
  height: 138px;
  border: 1px solid #000;
  position: relative;
}
.item {
  height: 1px;
  width: 200px;
  background: #000;
  position: absolute;
  left: 0;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='items'></div>

Вообщем нужно сделать рабочим этот код

Источник: https://ru.stackoverflow.com/questions/1132106/%D0%9A%D0%B0%D0%BA-%D0%BF%D1%80%D0%B5%D0%BE%D0%B1%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-%D0%BC%D0%B0%D1%81%D1%81%D0%B8%D0%B2-%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D0%B9-%D0%B2-html-%D1%81%D0%B2%D0%BE%D0%B9%D1%81%D1%82%D0%B2%D0%B0

Share

Тебе может это понравится...