Pleasseee help mee! My dream is to reach this!

[Abdulaziz]

I really need to create an input function in order for the user to enter any number in the function and it will automatically be displayed in the graph. The function is a cartesian force function contained of I J K in the xyz plane. Please help me!

[Abdulaziz]

An example of what I want is this: https://imgur.com/a/gUJef84

I want a function contained of i input (for the x axis in graph) j input( for the y-axis in graph) and k input(for the z axis in graph. Please help me out. My dream is to reach to do it. It’s so hard.

[Indranil]

@abdulaziz,

As of now, it is not possible to render a 3-dimensional Chart. However, you can have a function with x and y values and render the chart based on the calculated dataPoints along x and y-axis as shown below –

var chart = new CanvasJS.Chart("chartContainer",{
  zoomEnabled: true,
  title:{
    text: "Spline Chart with Data Points based on Equation"
  },
  data: [{
    type: "spline",    
    dataPoints: dps 
  }]
});
addDataPoints(); 
chart.render();

function addDataPoints() {
  for (var j = 0; j < dataLength; j++) { 
    xVal = j;
    yVal = Math.pow(xVal,2) +  1;
    dps.push({
      x: xVal,
      y: yVal
    });      
  }
}

Please take a look at this JSFiddle for a working example.

___________
Indranil Deo
Team CanvasJS