| |
(En mellanliggande version av samma användare visas inte)
|
| Rad 12: |
Rad 12: |
| | | | |
| | <jsxgpre id="riktningsko987"> | | <jsxgpre id="riktningsko987"> |
| − | var b=mlg.board([-3.5,5.5,4.5,-2.5],{size:[35,35],keepaspectratio:false, scale:true}); | + | var b=mlg.board([-4.5,5.5,6.5,-2.6],{desktopSize:'medium'}); |
| | b.xaxis(1,0,'x'); | | b.xaxis(1,0,'x'); |
| | b.yaxis(1,0,'y'); | | b.yaxis(1,0,'y'); |
| − | var f = b.func('2*x-1'); | + | var f = b.func('2*x-2'); |
| | + | |
| | + | var lowerLimit = 0; |
| | + | var upperLimit = 3.5; |
| | | | |
| | var g1 = b.glider(0.5,1.5,f,{fixed:false}); | | var g1 = b.glider(0.5,1.5,f,{fixed:false}); |
| Rad 22: |
Rad 25: |
| | var n_lower = b.node( | | var n_lower = b.node( |
| | function() { | | function() { |
| − | if (g1.X() > g2.X()) { | + | return Math.min(g1.X(), g2.X()); |
| − | return g2.X();
| |
| − | }
| |
| − | else {
| |
| − | return g1.X();
| |
| − | }
| |
| | }, | | }, |
| | function() { | | function() { |
| − | if (g1.X() > g2.X()) { | + | return Math.min(g1.Y(), g2.Y()); |
| − | return g2.Y();
| |
| − | }
| |
| − | else {
| |
| − | return g1.Y();
| |
| − | }
| |
| | }); | | }); |
| | | | |
| | var n_upper = b.node( | | var n_upper = b.node( |
| | function() { | | function() { |
| − | if (g1.X() > g2.X()) { | + | return Math.max(g1.X(), g2.X()); |
| − | return g1.X();
| |
| − | }
| |
| − | else {
| |
| − | return g2.X();
| |
| − | }
| |
| | }, | | }, |
| | function() { | | function() { |
| − | if (g1.X() > g2.X()) { | + | return Math.max(g1.Y(), g2.Y()); |
| − | return g1.Y();
| |
| − | }
| |
| − | else {
| |
| − | return g2.Y();
| |
| − | }
| |
| | }); | | }); |
| | | | |
| Rad 60: |
Rad 43: |
| | function(){return n_upper.X();}, | | function(){return n_upper.X();}, |
| | function(){return n_lower.Y();}); | | function(){return n_lower.Y();}); |
| − |
| |
| − | //var pol = b.polygon([g,g2,n],{opacity:0.1,fillcolor:mlg.hank});
| |
| | | | |
| | var arrow1 = b.segment(n_lower, n, {touchlastpoint:false, lastArrow:true}); | | var arrow1 = b.segment(n_lower, n, {touchlastpoint:false, lastArrow:true}); |
| Rad 69: |
Rad 50: |
| | var distY=function(){return (distX()*2).toFixed(2);}; | | var distY=function(){return (distX()*2).toFixed(2);}; |
| | | | |
| − | var yLabel=b.midpoint([n,n_upper],{name:distY(),opacity:0,withlabel:true,label:{position:'e',fontsize:1.2}}); | + | var xDist = 0.9; |
| | + | var xNode = b.node(function() { |
| | + | if (n.X() - n_lower.X() < xDist) { |
| | + | return n_lower.X() + xDist; |
| | + | } |
| | + | else { |
| | + | return n.X(); |
| | + | } |
| | + | },function() {return n_lower.Y();}); |
| | + | |
| | + | var yLabel=b.midpoint([n,n_upper],{name:distY(),opacity:0,withlabel:true,label:{position:'e',fontsize:1.1}}); |
| | | | |
| − | var xLabel=b.midpoint([n,n_lower],{name:distX(),opacity:0,withlabel:true,label:{position:'s',fontsize:1.2}}); | + | var xLabel=b.midpoint([xNode,n_lower],{name:distX(),opacity:0,withlabel:true,label:{position:'s',fontsize:1.1}}); |
| | | | |
| − | var calc = b.text(-2,4,'k=\\dfrac{'+distY()+'}{'+distX()+'}=2',{fontsize:1.1,flag:true}); | + | var calc = b.txt(-2.3,4,'k=\\dfrac{'+distY()+'}{'+distX()+'}=2',{fontsize:1.0,flag:true}); |
| | $(b.getId(calc)).css({ | | $(b.getId(calc)).css({ |
| | "padding":"5px", | | "padding":"5px", |
| Rad 80: |
Rad 71: |
| | katex.render('k=\\dfrac{'+distY()+'}{'+distX()+'}=2',textDiv); | | katex.render('k=\\dfrac{'+distY()+'}{'+distX()+'}=2',textDiv); |
| | | | |
| − | var dra1 = b.textA(2.0, 4.5, '<translate><!--T:6--> | + | var dra1 = b.txt(2.1, 4.5, 'Dra mig!', {mathMode:false}); |
| − | Dra mig!</translate>'); | + | var dra2 = b.txt(0.9, 1.7, 'Dra mig!', {mathMode:false}); |
| − | var dra2 = b.textA(0.7, 1.7, '<translate><!--T:7--> | |
| − | Dra mig!</translate>'); | |
| | | | |
| | | | |
| Rad 91: |
Rad 80: |
| | katex.render('k=\\dfrac{'+distY()+'}{'+distX()+'}=2',textDiv); | | katex.render('k=\\dfrac{'+distY()+'}{'+distX()+'}=2',textDiv); |
| | b.hide([dra1,dra2]); | | b.hide([dra1,dra2]); |
| − | if (g1.X() > 3) { | + | if (g1.X() > upperLimit) { |
| − | g1.moveTo([3,5]); | + | g1.moveTo([upperLimit,f.Y(upperLimit)]); |
| | } | | } |
| − | if (g1.X() < -0.5) { | + | if (g1.X() < lowerLimit) { |
| − | g1.moveTo([-0.5,-2]); | + | g1.moveTo([lowerLimit,f.Y(lowerLimit)]); |
| | } | | } |
| | if (Math.abs(g1.X() - g2.X()) < 0.1) { | | if (Math.abs(g1.X() - g2.X()) < 0.1) { |
| Rad 122: |
Rad 111: |
| | katex.render('k=\\dfrac{'+distY()+'}{'+distX()+'}=2',textDiv); | | katex.render('k=\\dfrac{'+distY()+'}{'+distX()+'}=2',textDiv); |
| | b.hide([dra1,dra2]); | | b.hide([dra1,dra2]); |
| − | if (g2.X() > 3) { | + | if (g2.X() > upperLimit) { |
| − | g2.moveTo([3,5]); | + | g2.moveTo([upperLimit,f.Y(upperLimit)]); |
| | } | | } |
| − | if (g2.X() < -0.5) { | + | if (g2.X() < lowerLimit) { |
| − | g2.moveTo([-0.5,-2]); | + | g2.moveTo([lowerLimit,f.Y(lowerLimit)]); |
| | } | | } |
| | if (Math.abs(g2.X() - g1.X()) < 0.1) { | | if (Math.abs(g2.X() - g1.X()) < 0.1) { |
Riktningskoefficienten, dvs. , beskriver hur mycket en lutar. Lutningen anger det antal steg linjen rör sig i
y-led när man går 1 steg åt höger i
x-led. Formeln för att beräkna
k-värdet för en linje kan skrivas på två sätt.
k=ΔxΔyellerk=x2−x1y2−y1
Δ är den grekiska bokstaven delta och betyder skillnad, så enligt formeln beräknar man skillnaden i y-värde mellan två på linjen, (x1,y1) och (x2,y2), och dividerar med skillnaden i x-värdena. Om förändringen i x-led är 1 går det att direkt läsa av k-värdet som förändringen i y-led. Vilka punkter som används spelar ingen roll, så länge de båda ligger på linjen.
Drar man i en av punkterna i grafen ovan kan man se hur skillnaden i x och y-led förändras. Kvoten mellan avstånden är dock konstant 2 eftersom lutningen, och därmed k-värdet, är likadant för hela linjen.
