View source for Pie chart II

<jsxgraph width="700" height="600">
var board = JXG.JSXGraph.initBoard('box', {originX: 50, originY: 450, unitX: 50, unitY: 50, axis:true});
board.suspendUpdate();

var s = board.createElement('slider', [[8,7],[11,7],[1,1,1.5]],{name:'S',strokeColor:'black',fillColor:'white'});
var f = [function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);},
		   function(){return (s.Value()*2).toFixed(2);}
		  ];

var a = board.createElement('chart', [f],
			{chartStyle:'pie',
			 colorArray:
['#0F408D','#6F1B75','#CA147A','#DA2228','#E8801B','#FCF302','#8DC922','#15993C','#87CCEE','#0092CE','#CA147A'],
center:[5,2], strokeColor:'black', highlightStrokeColor:'black',
strokeWidth:4,
			 highlightColorArray:
['#E46F6A','#F9DF82','#F7FA7B','#B0D990','#69BF8E','#BDDDE4','#92C2DF','#637CB0','#AB91BC','#EB8EBF','#B0D990'],
			 highlightOnSector:true}
		);

board.unsuspendUpdate();
</jsxgraph>