Home forums Using CanvasJS Dynamic 2d graph

This topic contains 2 replies, has 2 voices, and was last updated by  junjie213 2 years, 5 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #6406

    junjie213
    Participant

    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/

    #6407

    Sunil Urs
    Keymaster

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

    #6411

    junjie213
    Participant

    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!!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.