如何使用变量更改图像高度

我必须为句子中出现的每个字母创建一个频率计数。这个频率比放在图表中还要高。我们将这个1px乘以1px gif，并将其拉伸以达到当前字母频率的归一化值（最大100px）。例如，如果我有一个短语"Cwm峡湾银行字形烦恼测验"，每个字母都会有100像素，因为它只使用每个字母一次。

所以我创建了一个数组来对每个单词出现的次数进行排序。然后找出哪个单词出现的时间最多，这样我就知道每个单词要除以什么。这个值将是我制作图像时图像的高度。

function htmlChart() {
    var table = document.getElementById("table");
    input = document.getElementById("userInput").value;
    table.innerHTML = generateTable(input);
}
function generateTable(input) {
    var frequency = new Array(26);
    var letters = new Array(26);
    var freqPos = 0;
    var newInput = input.toUpperCase();
    var max = 0;
    var myHeight = 0;
    var test = 9000;
    var image = new Image();
    image.src = "orange.gif";
    for (i = 65; i < 91; i++) {
        //looks at how many times each character occurs and stores its value
        frequency[freqPos] = newInput.split(String.fromCharCode(i)).length -
            1;
        freqPos++;
    }
    //checks which letter occured the most
    for (i = 0; i < frequency.length - 1; i++) {
        if (frequency[i] > max) {
            max = frequency[i];
        }
    }
    table = input + "<table>";
    //first row 
    table += "<tr>";
    table += "<td>Letter Frequency 100px</td>";
    for (i = 0; i < frequency.length - 1; i++) {
        //somehow have to use myHeight to change the height of the image that I make here. 
        myHeight = (frequency[i] / max) * 100;
        table +=
            '<td><img src = "orange.gif" id = "orange" alt = "25" height = myHeight + "px" width = "5"></td>';
    }
    table += "</tr>";
    //second row
    table += "<tr>";
    table += "<td></td>";
    for (i = 65; i < 91; i++) {
        table += "<td>" + String.fromCharCode(i) + "</td>";
    }
    table += "</tr>";
    table += "</table>";
    return table;
}

正如你所看到的，我已经制作了频率图，但我只是不知道如何将高度更改为myHeight的值。有人能解释一下我该怎么做吗？