Javascript 使用chart.js jQuery创建数学图表
你知道如何使用chart.js库(类似于wolframalpha)创建用户交互线条数学图吗?我知道我需要计算x和y来正确绘制图表和范围。它应该看起来像我可以做静态数据的折线图,放入代码,但需要知道如何在用户提供功能后绘制它,例如2x+5。所有的想法和技巧都非常有用:)谢谢你用它将字符串输入解析成函数Javascript 使用chart.js jQuery创建数学图表,javascript,jquery,charts,chart.js,Javascript,Jquery,Charts,Chart.js,你知道如何使用chart.js库(类似于wolframalpha)创建用户交互线条数学图吗?我知道我需要计算x和y来正确绘制图表和范围。它应该看起来像我可以做静态数据的折线图,放入代码,但需要知道如何在用户提供功能后绘制它,例如2x+5。所有的想法和技巧都非常有用:)谢谢你用它将字符串输入解析成函数 // If "input" is a variable representing the string input for y var f = math.eval('f(x) = ' + input
// 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);
//如果“min”和“max”是表示最小值和最大值的值
var值=[],
var x=最小值;
var增量=(最大-最小)/10000;
对于(变量i=0;i<10000;i++)
值[i]=f(x+增量*i);
用于将字符串输入解析为函数
// 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);
//如果“min”和“max”是表示最小值和最大值的值
var值=[],
var x=最小值;
var增量=(最大-最小)/10000;
对于(变量i=0;i<10000;i++)
值[i]=f(x+增量*i);
Chart js使用json对象,正如您所说,您可以静态地执行此操作,因此只需创建包含用户输入值的json对象。看看哪个是数学解析器和解算器。Chart js使用json对象,如您所说,您可以静态地执行此操作,因此,只需创建包含用户输入值的json对象,看看哪个是数学解析器和解算器。