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