{{ tocSubheader }}
| {{ 'ml-lesson-number-slides' | message : article.intro.bblockCount}} |
| {{ 'ml-lesson-number-exercises' | message : article.intro.exerciseCount}} |
| {{ 'ml-lesson-time-estimation' | message }} |
Jrhoads (Diskussion | bidrag) (Den här versionen är märkt för översättning) | Jonas (Diskussion | bidrag) | ||
Rad 6: | Rad 6: | ||
<jsxgpre id="graph123"> | <jsxgpre id="graph123"> | ||
− | var b=mlg.board([-3. | + | var b=mlg.board([-3.75,3.5,5.75,-3.5],{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 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, | + | 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. | + | yArrow = b.segment(p1,[0,function(){return p1.Y();}],{withLabel:false, lastArrow:true, touchLastPoint:false}); |
− | var t = b. | + | var t = b.txt(4.5,-2.5,'Funktionsvärde:'+p1.Y().toFixed(1),{flag:true, mathMode:false}); |
− | Funktionsvärde | ||
$(b.getId(t)).css({ | $(b.getId(t)).css({ | ||
− | "width":" | + | "width":"38%", |
"text-align":"center" | "text-align":"center" | ||
}); | }); | ||
− | b.changeText(t,' | + | b.changeText(t,'Funktionsvärde: 3.0'); |
− | Funktionsvärde | ||
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. | + | p1.moveTo([val, f.Y(val)]); |
− | b. | + | b.changeText(t,'Funktionsvärde: '+ p1.Y().toFixed(1)); |
− | t | + | if (Math.abs(p1.X()) < padding) { |
− | + | yArrow.setAttribute({lastArrow:false}); | |
+ | } | ||
+ | else { | ||
+ | yArrow.setAttribute({lastArrow:true}); | ||
+ | } | ||
}); | }); | ||
+ | |||
+ | p2 = b.point(4,-3, {fixed:false}); | ||
+ | p2.on('drag', function() {mlg.cf("graph123.movePoint", p2.X())}); | ||
</jsxgpre> | </jsxgpre> | ||
<jsxgpre id="graph123-slider"> | <jsxgpre id="graph123-slider"> |