How to setup chart in eform

Follow

New To Agilepoint User

• November 13, 2024 07:25

Good day.

I'm trying to display data on a chart on the form. I need the chart to change as the data is collected (Line graph).

I have it so that the time and the recorded hardness value are each recorded in their own text area. The time should be on the x-axis and the hardness value should appear on the y-axis above the respective time. 

Can this be done with the active data and by not needing to save the data to a database, i.e. so that the information is only applicable as long as the program runs?

Thanks for any help.

0

• 

  Dhanush

  • February 06, 2025 06:49
  • Edited

  Hi , 
  
  Thank you for reaching out. There is no out-of-the-box configuration for this, but it can be achieved using custom JavaScript.
  
  Regards
  Dhanush

  0

  Comment actions Permalink
• 

  New To Agilepoint User

  • February 07, 2025 08:06

  Good morning, Dhanush.

   

  I appreciate the feedback. I am not that experienced with JavaScript and learning as I go. Do you perhaps have a sample of such a JavaScript to display the required chart in Agilepoint?

  Any help would be greatly appreciated.

  Regards

  0

  Comment actions Permalink
• 

  Dhanush

  • February 10, 2025 05:21

  Hi , 
  
  Please follow below steps to achieve desired results. 

  1. Drag and drop two text area controls onto the form.
  2. Add a chart control.
  3. In the Custom JavaScript Snippet section, add the following code:

  function loadChart(){
      var chart = $("#Chart1").data("kendoChart");
      var txt3 = $('#TextArea3').val().split('\n');
      var txt2 = $('#TextArea2').val().split('\n');    
      chart.setOptions({series : [{data : txt3}]});
      chart.setOptions({ categoryAxis: {'categories' :txt2}});
      chart.setOptions({tooltip: { visible: true, template: "#: category # - #: value  #"}});
      chart.redraw();                                                                
  }

  4. Add a button control, and call this function when the button is clicked.

  Regards
  Dhanush BV

  0

  Comment actions Permalink
• 

  New To Agilepoint User

  • February 12, 2025 14:10

  Good afternoon Dhanush.

   

  Thank you for your assistance, it worked perfectly.

  I just wanted to enquire for additional functions for the chart, namely: How do I add a "limit line" at a fixed value across all of the recorded values?

  I appreciate your help greatly.

   

  0

  Comment actions Permalink

Please sign in to leave a comment.