Création du graphe de f (x) et f (xa) en utilisant le graphe JSX

Question

Comment le graphe de f (x) (entrée par l'utilisateur) et graphe de f (xa) où la valeur de a est reçue du curseur peut être tracé en utilisant jsx graphique? Par exemple, si les entrées de l'utilisateur x x et la valeur d'un curseur à partir de 1 est alors deux graphiques seront sur la carte jsx: un de x et autre de (x-1) (x-1)?

Answer 1

Reprenant ma réponse de Changing the function in the text box is not changing the graph une parcelle simultanée d'une fonction fournie par l'utilisateur f(x) et une fonction f(x-a) qui dépend d'un curseur peut ressembler à ceci:

board = JXG.JSXGraph.initBoard('box', {boundingbox: [-6, 12, 8, -6], axis: true}); 
a = board.create('slider', [[-4,7], [4,7], [-10, 1,10]], {name:'a'}); 

doPlot = function() { 
    var txtraw = document.getElementById('input').value, // Read user input 
     f = board.jc.snippet(txtraw, true, 'x', true), // Parse input with JessieCode 
     curve, curve2; 

    board.removeObject('f'); // Remove element with name f 
    board.removeObject('g'); // Remove element with name g 
    curve = board.create('functiongraph', [f, -10, 10], {name:'f'}); 
    curve2 = board.create('functiongraph', [ 
     function(x) { 
      return f(x - a.Value()); 
     }, -10, 10], {name:'g', strokeColor: 'red'}); 
}; 

doPlot(); 

Cela signifie que l'astuce consiste à définir une deuxième fonction qui renvoie f(x-a). Voir https://jsfiddle.net/qmp0qdvv/1/. Comme dans l'autre problème mentionné ci-dessus, cet exemple permet l'entrée de la syntaxe mathématique simple au lieu du code JavaScript en utilisant l'analyseur JessieCode de JSXGraph.