javascript - 如何使用 JSXGraph 制作动态函数以从用户输入中绘制积分图？

Question

我从这个库 http://jsxgraph.uni-bayreuth.de/docs/symbols/Integral.html制作动态图时遇到问题

== 这将使 f(x) = x^3

var c1 = board.create('functiongraph', [function (t) { return t*t*t; }]);
var i1 = board.create('integral', [[-1.0, 4.0], c1]);

但是，我怎样才能使函数（t）取决于用户输入？例如，用户从 texboxt 输入 x^2+4x，代码将生成： var fx = $("#fx").val(); // fx = x^2 + 4x var c1 = board.create('functiongraph', [function (x) { return fx; }]);

Answer 1

JSXGraph 带有自己的解析器 JessieCode（参见https://github.com/jsxgraph/JessieCode），它正是这样做的。JessieCode 读取Math 语法，即x^2 转换为x*x，并交出一个可以被JSXGraph 绘制的对象。

这是您使用 JessieCode 实现的示例：

var fx = $("#fx").val();
var f = board.jc.snippet(fx, true, 'x', true);
var c1 = board.create('functiongraph', [f]);