I am a beginner in coding. I have met a scenario to pass the variable values from a java class to javascript and that need to be updated as values of a high chart in javascript.
These values need to be updated in the below chart in JS.
Kindly help me to code this scenario.
$.ajax({
url: "YourSeveletPathName",
type: 'GET',
success: function(response) {
//console.log(response);
//map your data here - to series parameter in your highchart method.
},
error: function(error) {
errorFunction(error, parameter);
}
});
In your controller class you can put the data in an array and send to your jsp :
request.setAttribute("mydata", mydataarray);
In your Electricity.jsp you can get parameters as :
var jsvarlist=<%=request.getAttribute("mydata") %>;
Note: javascript doesn't want explicit data types
In your JS file you can pass the list at your function , as it is an array you can get data in this way :
jsvarlist[0] //first value etc..
if you need to import such java class in your jsp , you should use :
<%@ page import ="yourpackage.yourclass" %>
In the end import the JS file to your jsp and call your function who accept the list now :
<script type="text/javascript" src="yourfile.js"></script>
... call your function
set something in request also.
Maybe you should use ajax for doing that.
var series = this.series[0];
$.get("YourServletName",function(data){
series.addPoint([data.x, data.y], true, true);
});
}, 1000);
In the above code: the var series = this.series[0]; is your array,
the $get method is the method which retrieves the data from your servlet,
the series.addPoint([data.x, data.y], true, true); is adding each point to the series.
And before all these in your servlet you must have something like this:
JsonObjectBuilder j = Json.createObjectBuilder();
//Create code for your getting what you want and set this result to "y".
j.add("x", System.currentTimeMillis());
j.add("y", YourResult);
out.println(j.build());
