VML画动态图

<!-- HTML documents that use VML must declare a namespace for it -->
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<style type="text/css"> v\:* { behavior: url(#default#VML); }</style>

<script language="javascript" type="text/javascript">
 var x,y,a,b; function aa()
{
if(x==undefined&&b==undefined){x=-10;y=1;} 

              a=window.event.x;b=window.event.y;               x=a;y=b; 
              drawBar();
}

function drawBar()
{
var barElement = "<v:group ID= 'group2 ' style= 'position:relative;width:200;height:200;left:0;top:500; coordsize= '2000 2000 ' >";
barElement += "<v:line from= '1,50 ' to= '1,550 '/>";
barElement += "<v:oval style= 'position:relative;width:500;height:100;left:0;top:0; '/>";
barElement += "<v:arc filled=false style= 'position:relative;width:500;height:100;left:0;top:500; ' StartAngle= '90 ' EndAngle= '270 ' />";
barElement += "<v:line from= '501,50 ' to= '501,550 '/>";
barElement += "</v:group>"; var newPoint = document.createElement(barElement);
  document.getElementById("map").appendChild(newPoint);
 
} </script>
</head>
<body>
<div id="map">
<input type="button" name="button" value = "click me" onclick="aa()"/>
</div></body>
请教高人有没有人知道怎么才能让group显示出来？