如何使用 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]);