0

我有一个由矩形组成的条形图。

我调用了一个创建矩形并将其添加到 html 5 画布的函数。绘制矩形的容器具有高度。假设这个高度是200

AddRectangle(xPos,yPos,height,width)

所以我称之为

AddRectangle(0,0,100,20)
AddRectangle(30,0,110,20)
AddRectangle(60,0,120,20)
AddRectangle(90,0,150,20)

这将添加矩形没有问题。我遇到的问题是，如果矩形的高度非常小，即

AddRectangle(0,0,1,20)
AddRectangle(30,0,4,20)
AddRectangle(60,0,5,20)
AddRectangle(90,0,6,20)

然后它们会显得很小，很难区分哪个是最高值。是否有一些公式可以用来获取矩形的高度与矩形容器的高度成比例

4

1 回答 1

0

得到公式。我必须从最大数字中计算出数字的百分比。最大数量为 100%

计算出最大的数字

        for (var i=0; i<frequincies.length; i++) {
            if (parseInt(frequincies[i]) > parseInt(maxValue)) maxValue = frequincies[i];
        }

从最高数字中获取其他数字的百分比

for (var i=0; i<frequincies.length; i++) {
    var percentage = (parseInt(frequincies[i])) / maxValue;
    percentages.push(percentage);
    }

然后我可以在矩形区域的高度内获得正确的条形高度

percentages[i] * chartHeight
于 2013-02-08T16:59:33.627 回答