totes, te mando un ejemplo de gráfico de barras, si te vale adáptalo a tu gusto. Cambia los valores del array 'valores' y recarga la página y verás que las barras cambian de ancho.
Funciona con IE, Firefox, Opera, al menos:
Código HTML:
<html>
<head>
<style>
.div1 {padding:0;margin:0;height:20px;width:20px;background-color:#f00}
.div2 {padding:0;margin:0;height:20px;width:20px;background-color:#0f0}
.div3 {padding:0;margin:0;height:20px;width:20px;background-color:#00f}
</style>
<script>
window.onload = function() {
var valores = [50,60,90];
for (var i=1; i<=valores.length;i++) {
document.getElementById("div"+i).style.width=valores[i-1];
}
}
</script>
</head>
<body>
<div id="div1" class="div1"></div>
<div id="div2" class="div2"></div>
<div id="div3" class="div3"></div>
</body>
</html>