Quiz

Bonjour
Voici le résultat trouvé apres quelques recherche:

Le script:

(function() {
   var val1 = [10, 20, 30, 40, 50, 60, 70]; 

   var board1 = JXG.JSXGraph.initBoard('jxgbox1',
               {boundingbox: [-5, 300,100, -20], showNavigation:false, showCopyright:false,axis:true});
   var board2 = JXG.JSXGraph.initBoard('jxgbox2',
               {boundingbox: [-5, 30,100, -10], showNavigation:false, showCopyright:false,axis:false});
              
   board2.addChild(board1); 
 
 
  var s1 = board2.create('slider', 10,0],[10,25],[0, 10, 250, {withLabel:false,name:''});
  var s2 = board2.create('slider', 20,0],[20,25],[0, 10, 250, {withLabel:false,name:''});
  var s3 = board2.create('slider', 30,0],[30,25],[0, 10, 250, {withLabel:false,name:''});
  var s4 = board2.create('slider', 40,0],[40,25],[0, 10, 250, {withLabel:false,name:''});
  var s5 = board2.create('slider', 50,0],[50,25],[0, 10, 250, {withLabel:false,name:''});
  var s6 = board2.create('slider', 60,0],[60,25],[0, 10, 250, {withLabel:false,name:''});
 
 
  var f = [
                     function(){return (s1.Value()*1).toFixed(2);},
                     function(){return (s2.Value()*1).toFixed(2);},
                     function(){return (s3.Value()*1).toFixed(2);},
                     function(){return (s4.Value()*1).toFixed(2);},
                     function(){return (s5.Value()*1).toFixed(2);},
                     function(){return (s6.Value()*1).toFixed(2);},
                    
                     ];
  var chart = board1.create('chart', [val1,f],
                                            {chartStyle:'bar',width:10,labels:f,
                                             colorArray:['#8E1B77','#BE1679','#DC1765','#DA2130','#DB311B','#DF4917']});

le résultat en image