Dynamic 2d graph

[junjie213]

i’m new to html5 and javascript and i appreciate any help and advice i can get!

I would like to reproduce an interactive math 2d graph that can changes when the user enter an input while the rest of the variables are fixed. (Eg: a bit like excel where you change the variable A and the graph changes – x and y axis points changes)

I’ve done a basic skeleton of html below with a bit of javascript. I’m exploring canvasJS but i’m kinda stuck here as i can’t get the graph to change dynamically as i have predefined the axis points. I have a formula that i want to add so that when the user enter the input at

BW(Kg):

the graph(axis points) will change accordingly.

Link here: http://jsfiddle.net/QwZuf/79/

[Sunil Urs]

Please read the last section named Alternate way of setting / updating data. Hope this helps.

[junjie213]

Hi Sunli, Thanks for the reply!

I’ve explored more and and able to produce the array of numbers when the user types in a number, however, i am confused on how to apply this array to the datapoints so that the graph will update accordingly.

demo here: http://jsfiddle.net/QwZuf/87/

Thanks alot!!