使用chart.js jQuery创建数学图表

Question

您是否有任何想法如何使用chart.js库创建用户交互式线条数学图表，类似于wolframalpha？我知道我需要计算x和y来正确绘制图表和范围。它应该看起来像myExample我可以用静态数据做折线图，放入代码但需要知道如何在用户提供功能后绘制它，例如2x + 5。所有的想法和技巧都非常有用:)谢谢

Answer 1

使用math.js将字符串输入解析为函数。

// If "input" is a variable representing the string input for y
var f = math.eval('f(x) = ' + input');

然后计算f的值范围以传递到chart.js：

// If "min" and "max" are values representing the minimum and max  values
var values = [],
var x = min;
var increment = (max - min) / 10000;
for (var i = 0; i < 10000; i++)
    values[i] = f(x + increment * i);