Добавление меток к диаграмме в Javascript

Я создал эту гистограмму на Javascript и пытаюсь добавить метки данных в столбцы, так чтобы столбец для количества значений в "0.26<.50" отображал метку "0.26<.50". Если кто-то может помочь, буду признателен.

for(let i = 0; i < 1; i++) {
   Array.prototype.zip = function (other, reduce, thisArg) {
    var i, result = [], args,
        isfunc = typeof reduce == "function",
        l = Math.max(this.length, other.length);

    for (i = 0; i < l; i++) {
        args = [this[i], other[i]];
        result.push(isfunc ? reduce.apply(thisArg, args) : args);
    }
    return result;
}

const debt_outstanding = Array.from(document.querySelectorAll('.debt-outstanding-data'))
const total_assets = Array.from(document.querySelectorAll('.total-assets-data'))

const A = total_assets.map((element) => element.innerText)
const B = debt_outstanding.map((element) => element.innerText)
const C = A.zip(B, function (l, r) {
    return (l / (l - r)) - 1;
});

var result = C.reduce(function (agg, item) {
    var key = "other";
    if (item < .25) key = "0<0.25";
    if (item > .26 && item < .50) key = "0.26<.50";
    if (item > .51 && item < .75) key = "0.51<.75";
    if (item > .76 && item < 1) key = "0.76<1";
    if (item > 1.01 && item < 1.5) key = "1.01<1.5";
    if (item > 1.51 && item < 2.5) key = "1.51<2.5";
    if (item > 2.51) key = "2.5>";
    agg[key] = (agg[key] || 0) + 1
    return agg;
}, {})
var values = Object.values(result);

drawChart(values, "#leverage-ratio-chart-id", 5) 

function drawChart(data, selector, padding) {
    var max = Math.max.apply(Math, data);
    var chart = document.querySelector(selector);
    var barwidth = ((chart.offsetWidth - (values.length - 1) * padding - (data.length) * 10) / data.length);
    var sum = data.reduce(function (pv, cv) {
        return pv + cv;
    }, 0);
    var left = 0;
    for (var i in data) {
        var newbar = document.createElement('div');
        newbar.setAttribute("class", "bar");
        newbar.style.width = 35 + "px";
        newbar.style.height = ((data[i] / max) * 100) + "%";
        newbar.style.left = left + "px";
        chart.appendChild(newbar);
        left += (barwidth + padding + 10);
    }
  }
}
Вернуться на верх