| |
(7 mellanliggande versioner av samma användare visas inte)
|
| Rad 2: |
Rad 2: |
| | Funktionsvärde</translate></hbox> | | Funktionsvärde</translate></hbox> |
| | <translate><!--T:2--> | | <translate><!--T:2--> |
| − | Ett funktionsvärde är utvärdet ($y$-värdet) man får från en [[Funktion *Wordlist*|funktion]], givet ett visst invärde. Man kan \tex beräkna det genom att sätta in ett $x$-värde i en funktion. I en [[Graf *Wordlist*|graf]] kan man läsa av det på $y$-axeln.</translate> <t1><translate><!--T:3--> | + | Ett funktionsvärde är utvärdet ($y$-värdet) man får från en [[Funktion *Wordlist*|funktion]], givet ett visst invärde. Man kan \tex beräkna det genom att sätta in ett $x$-värde i en funktion. I en [[Graf *Wordlist*|graf]] kan man läsa av funktionsvärdet på $y$-axeln.</translate> <t1><translate><!--T:3--> |
| | Det eller de $x$-värden som ger funktionsvärdet 0 kallas för funktionens [[Nollställe *Wordlist* | nollställen]].</translate></t1> | | Det eller de $x$-värden som ger funktionsvärdet 0 kallas för funktionens [[Nollställe *Wordlist* | nollställen]].</translate></t1> |
| | | | |
| | <jsxgpre id="graph123"> | | <jsxgpre id="graph123"> |
| − | var b=mlg.board([-3.8,5.2,5.2,-0.4],{keepaspectratio:true, renderer:'canvas'}); | + | var b=mlg.board([-3.75,3.75,5.75,-3.75],{desktopSize:'medium'}); |
| | b.xaxis(1,1,'x',{ticks:{label:{display:'html'}}}); | | b.xaxis(1,1,'x',{ticks:{label:{display:'html'}}}); |
| | b.yaxis(1,1,'y',{ticks:{label:{display:'html'}}}); | | b.yaxis(1,1,'y',{ticks:{label:{display:'html'}}}); |
| − | var f = b.func('x-1','blue'); | + | |
| − | var X = 4;
| + | var padding = 0.25; |
| | + | |
| | + | var f = b.func('0.75*x-1','blue'); |
| | var n1 = b.node(2.5,4.4); | | var n1 = b.node(2.5,4.4); |
| − | var p1 = b.point(4,3); | + | var p1 = b.point(4,f.Y(4)); |
| | b.segment([function(){return p1.X();},0],p1,{withLabel:false}); | | b.segment([function(){return p1.X();},0],p1,{withLabel:false}); |
| − | b.arrow(p1,[0,function(){return p1.Y();}],{withLabel:false}); | + | yArrow = b.segment(p1,[0,function(){return p1.Y();}],{withLabel:false, lastArrow:true, touchLastPoint:false}); |
| − | var t = b.textA(2.5,-2,'<translate><!--T:4--> | + | var t = b.txt(4.8,-2.5,'Funktionsvärde: '+p1.Y().toFixed(1),{flag:true, mathMode:false, fontsize:1.1}); |
| − | Funktionsvärde</translate>: '+p1.Y(),{flag:true}); | |
| | $(b.getId(t)).css({ | | $(b.getId(t)).css({ |
| − | "width":"40%", | + | "width":"43%", |
| | "text-align":"center" | | "text-align":"center" |
| | }); | | }); |
| − | b.changeText(t,'<translate><!--T:5--> | + | b.changeText(t,'Funktionsvärde: 2.0'); |
| − | Funktionsvärde</translate>: 3.0'); | |
| | setTimeout(function(){b.board.update();},0); | | setTimeout(function(){b.board.update();},0); |
| | | | |
| | mlg.af("graph123.movePoint", function(val){ | | mlg.af("graph123.movePoint", function(val){ |
| − | p1.setPosition(JXG.COORDS_BY_USER,[val,f.Y(val)]); | + | p1.moveTo([val, f.Y(val)]); |
| − | b.board.update(); | + | b.changeText(t,'Funktionsvärde: '+ p1.Y().toFixed(1)); |
| − | t.setText('Funktionsvärde: '+p1.Y().toFixed(1)); | + | if (Math.abs(p1.X()) < padding) { |
| − | setTimeout(function(){b.board.update();},0);
| + | yArrow.setAttribute({lastArrow:false}); |
| | + | } |
| | + | else { |
| | + | yArrow.setAttribute({lastArrow:true}); |
| | + | } |
| | }); | | }); |
| | + | |
| | </jsxgpre> | | </jsxgpre> |
| | <jsxgpre id="graph123-slider"> | | <jsxgpre id="graph123-slider"> |
| | JXG.Options.point.fixed=false; | | JXG.Options.point.fixed=false; |
| − | var b = mlg.board(mlg.bb.slider(-2.5,5),{keepaspectratio:false, renderer:'canvas'}); | + | var b = mlg.board(mlg.bb.slider(-3,5),{keepaspectratio:false, renderer:'canvas'}); |
| | var s = b.slider(4,0,null,{snapWidth:-1,precision:1,title:{label:'<translate><!--T:6--> | | var s = b.slider(4,0,null,{snapWidth:-1,precision:1,title:{label:'<translate><!--T:6--> |
| | Välj</translate> ' + 'x'.italics() + '<translate><!--T:7--> | | Välj</translate> ' + 'x'.italics() + '<translate><!--T:7--> |
