Difference between revisions of "Animated age pyramid"

From JSXGraph Wiki
Jump to: navigation, search
Line 89: Line 89:
 
brd.suspendUpdate();
 
brd.suspendUpdate();
 
createCurves(stat1,brd,'#658cb2','#b23f8c');
 
createCurves(stat1,brd,'#658cb2','#b23f8c');
brd.create('text',[-300,45,'men'],{color:'white',fontSize:20});
+
//brd.create('text',[-300,45,'men'],{color:'white',fontSize:20});
brd.create('text',[200,45,'women'],{color:'white',fontSize:20});
+
//brd.create('text',[200,45,'women'],{color:'white',fontSize:20});
 
brd.unsuspendUpdate();
 
brd.unsuspendUpdate();
  
Line 143: Line 143:
 
<input type="button" id="playbutton" value="play" onClick="player();">
 
<input type="button" id="playbutton" value="play" onClick="player();">
 
</form>
 
</form>
<div id="output2" style="padding:20px; background-color:#bbbbbb; width:500; font-family:Arial,Helvetica">&nbsp; </div>
+
<div id="output2" style="padding:20px; background-color:#bbbbbb; width:500px; font-family:Arial,Helvetica">&nbsp; </div>
<div id="output" style="padding:20px; background-color:#dddddd; width:500; font-family:Arial,Helvetica"> &nbsp;</div>
+
<div id="output" style="padding:20px; background-color:#dddddd; width:500px; font-family:Arial,Helvetica"> &nbsp;</div>
 
<div id="debug" style="display:block;"></div>
 
<div id="debug" style="display:block;"></div>
 
<script type="text/javascript">
 
<script type="text/javascript">

Revision as of 15:16, 23 November 2009

This animation shows data from the 12th coordinated Population Projection from the "Statistisches Bundesamt".