今天又长了一个见识,以前我一直不知道javascript中可以嵌入java代码,今天才知道是可以嵌入的。在这里非常感谢飞哥。下面把java代码贴在下面:
<%
CreateUserRecodeBean bean = (CreateUserRecodeBean)pageContext.getAttribute("createUserRecodeBean");
int[] todayData = bean.getTodayDateByHour();
String data = "";
for(int i:todayData){
data +=i+",";
}
data = data.substring(0,data.length()-1);
%>
<script type="text/javascript">
jQuery(function() {
var data = "<%=data%>".split(",");
var data_ = [];
for(var i=0;i<data.length;i++){
data_.push(parseInt(data[i]));
}
var options = {
chart: {"defaultSeriesType":"line","animation":false,"renderTo":"installations-by-hours-chart"},
title: {"text":""},
legend: {"margin":25,"enabled":true},
xAxis: {"categories":["00","01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23"],
"labels":{"step":2,"align":"right","rotation":-90}},
yAxis: {"title":"","tickPixelInterval":50,"min":0},
tooltip: {"enabled":true},
credits: {"enabled":false},
plotOptions: {"area":{"stacking":null}},
series: [{"name":"今天","data":data_,"type":null,"visible":true},
{"name":"昨天","data":[10,10,3,4,2,1,3,5,8,3,12,16,21,17,9,21,21,18,13,17,13,18,12,8],"type":null,"visible":false}]
}; //[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0]
options.tooltip.formatter = function() {
return parseInt(this.x,10) +':00 ~' + (parseInt(this.x,10) + 1) + ':00 新增 '+ this.y + ' 个用户';
}
var chart = new Highcharts.Chart(options);
});
</script>
通过上面的方式从数据库中抽取数据显示到界面上非常方便
分享到:
相关推荐
在标题《kettle中调用java类》示例代码中,我们关注的是如何在Kettle的转换或作业中嵌入Java代码,以实现更复杂的数据处理逻辑。 首先,Kettle支持两种方式来调用Java类:使用“Java Class”步骤和使用“Execute ...
然而,有时候我们可能需要在Java程序中执行JavaScript代码,这通常是出于跨语言交互或者利用JavaScript的某些特性来增强Java应用的功能。这篇博客(博文链接已提供)将介绍如何在Java中执行JavaScript代码,这主要...
例如,`<input type="hidden" id="myValue" value="<%= javaVariable %>">`,这里的`javaVariable`是Java代码中的变量,它的值会被插入到HTML的`value`属性中,然后在JavaScript中通过`document.getElementById('...
Java嵌入谷歌内核简单浏览器是一种技术实现,它允许开发者在Java应用程序中集成谷歌的Chromium Embedded Framework(CEF),从而创建具有现代Web浏览功能的应用。CEF是一个开源项目,它为各种编程语言提供了一个轻量...
在上述代码中,我们创建了一个新的JFrame窗口,然后创建了一个JWebPane实例,并设置了初始加载的网页URL。JScrollPane用于提供滚动功能,使得网页内容超出窗口时可以滚动查看。最后,我们将JScrollPane添加到窗口中...
3. **嵌入到Java应用程序**:Rhino可以轻易地被嵌入到Java应用程序中,作为动态脚本语言的引擎,用于扩展或配置应用程序。 4. **完整的ECMAScript支持**:Rhino支持ECMAScript标准,这意味着它可以执行符合...
JavaScript可以通过`WebView`提供的接口调用Android Java代码,通常使用`WebView`的`addJavascriptInterface`方法在JavaScript中暴露Java对象,然后在JavaScript代码中通过`window对象`调用这些Java方法。...
JSP是一种动态网页技术,允许开发者在HTML中嵌入Java代码,将业务逻辑和视图展示分离。在JSP中,可以通过使用`jsp:forward`或`response.sendRedirect()`来实现页面跳转。`jsp:forward`是在服务器端完成的,而`...
为了找出Java代码中的SQL语句,开发者可能需要进行源代码审查,寻找特定的关键词或模式,如`PreparedStatement`、`Statement`、`ResultSet`等类的使用,以及SQL查询字符串。这些字符串可能直接出现在代码中,或者...
在本项目中,"java 在线 画板 嵌入java-applet" 提供了一个在线画板功能,用户可以通过浏览器直接进行绘画操作。这种技术在20世纪90年代末到21世纪初非常流行,用于创建动态、交互式的网页内容。 Java Applet 的...
5. **GWT(Google Web Toolkit)**:GWT允许开发者使用Java编写前端代码,编译器会将Java代码转换成优化过的JavaScript,使得Java开发者可以利用其熟悉的语法进行前端开发。 6. **Rhino JavaScript引擎**:虽然...
5. **`java.applet.Applet`** - 用于在网页中嵌入 Java 程序的特殊类。 **Applet 程序特点:** JavaApplet 具备多种特性,使其成为构建交互式网页内容的理想选择: 1. **基本的绘画功能** - 可以在屏幕上绘制图像...
或者包含了一些与Java开发者密切相关的JavaScript应用,比如使用Java的 Rhino 或 GWT(Google Web Toolkit)进行JavaScript开发,或者讲解如何在Java应用程序中嵌入和使用JavaScript引擎。 文件“aybook....
### Java代码的基础引入方法 #### 入门技术详解:如何在HTML中引入JavaScript 对于初学者来说,了解如何在HTML文档中引入JavaScript是一项非常重要的技能。本文将详细介绍几种常见的JavaScript引入方式,帮助大家...
在视图层,JSP(JavaServer Pages)是最常见的选择,它允许在HTML页面中嵌入Java代码,实现动态网页生成。开发者可能会使用Struts2的标签库,如`s:textfield`、`s:submit`等,来减少JSP中的Java脚本,提高可读性。...
2. **JSP(Java Server Pages)**:JSP是另一种服务器端技术,允许在HTML页面中嵌入Java代码,简化了视图层的开发。JSP会被编译成Servlet执行。学习源代码时,注意JSP指令(`<%@ %>`)、脚本元素(`<% %>`)和表达式...
这通常意味着使用Java代码来调用JavaScript,并且允许JavaScript在Java应用程序内部执行。具体的知识点包括以下几个方面: 1. Java与JavaScript的关系和区别:Java是一种编译型语言,需要先编译成字节码,在Java...
你需要了解如何创建Servlet,处理GET和POST请求,以及在JSP中嵌入JAVA代码来展示数据。 4. **JDBC与数据库交互**:为了存储和检索课程、学生和教师的信息,项目会使用数据库。你将学习如何使用JDBC(JAVA Database ...
JSP则是一种视图技术,允许开发者在HTML中嵌入Java代码,实现动态网页生成。 这个压缩包可能包含以下内容: 1. HTML文件:网页的基础结构,可能包含JavaScript和Java代码。 2. JavaScript文件:包含实现各种网页...
例如,文档可能包含了一个HTML页面中的Applet标签,该标签指向Java Applet的一个class文件,Java Applet被用来执行后台的Java代码,而JavaScript则用于处理前端的页面交互。 从给出的内容中,我们可以看到一些关键...