Lineares Optimierungsproblem: Unterschied zwischen den Versionen
| Zeile 55: | Zeile 55: | ||
:<math>Z = 3x + 5y \rightarrow \max</math> | :<math>Z = 3x + 5y \rightarrow \max</math> | ||
<html> | <html> | ||
<head> | <head> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/1.4.6/jsxgraphcore.js"></script> | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/1.4.6/jsxgraphcore.js"></script> | ||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/1.4.6/jsxgraph.css" /> | |||
</head> | </head> | ||
<body> | <body> | ||
<div id=" | <div id="box_lop" class="jxgbox" style="width: 400px; height: 400px; margin-top:20px;"></div> | ||
<script> | <script type="text/javascript"> | ||
var board = JXG.JSXGraph.initBoard(' | (function() { | ||
var board = JXG.JSXGraph.initBoard('box_lop', { | |||
}); | boundingbox: [-1, 9, 9, -1], | ||
axis: true, | |||
grid: true, | |||
showCopyright: false | |||
}); | |||
var | // Nebenbedingungen | ||
// 2x + y = 8 | |||
var nb1 = board.create('line', [[0, 8], [4, 0]], { | |||
straightFirst: false, | |||
straightLast: false, | |||
strokeColor: 'red', | |||
name: '2x + y = 8', | |||
withLabel: true | |||
}); | |||
board.create(' | // x + 2y = 8 | ||
</script> | var nb2 = board.create('line', [[0, 4], [8, 0]], { | ||
straightFirst: false, | |||
straightLast: false, | |||
strokeColor: 'blue', | |||
name: 'x + 2y = 8', | |||
withLabel: true | |||
}); | |||
// Zulässiger Bereich | |||
board.create('polygon', [ | |||
[0, 0], | |||
[4, 0], | |||
[8/3, 8/3], | |||
[0, 4] | |||
], { | |||
fillColor: '#0055aa', | |||
fillOpacity: 0.2, | |||
borders: { visible: false } | |||
}); | |||
// Slider für Zielfunktion Z = 3x + 5y | |||
var Z = board.create('slider', [[0.5, 8.2], [5.5, 8.2], [0, 0, 40]], { | |||
name: 'Z' | |||
}); | |||
// Zielfunktionsgerade: 3x + 5y = Z => y = (Z - 3x)/5 | |||
board.create('line', [ | |||
function () { return -3 / 5; }, | |||
function () { return Z.Value() / 5; } | |||
], { | |||
strokeColor: 'green', | |||
dash: 2, | |||
name: 'Zielfunktion', | |||
withLabel: true | |||
}); | |||
})(); | |||
</script> | |||
</body> | </body> | ||
</html> | </html> | ||