Создание математических диаграмм с использованием 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'); 

Затем вычислить диапазон значений для е, чтобы перейти в 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);