JAVA Spring 使用fusionCharts的setDataXML方法
2014-03-27 09:52
267 查看
首先,看看JS
/**
*
*/
var url;//全局变量相对路径
$(function(){
var localObj = window.location;
var contextPath = localObj.pathname.split("/")[1];
var basePath = localObj.protocol+"//"+localObj.host+"/"+contextPath;
url=basePath;
});
function show(data) {
var myChart = new FusionCharts(url
+ "/resources/js/FusionCharts/Column3D.swf", "myChartId", "600",
"500");
myChart.setDataXML(data);
myChart.render("charts1");
}
function showCharts() {
$.ajax({
url : "getDate",
type : "POST",
success : function(data) {
show(data);
}
});
}
这里,我是用了ajax来从JAVA得到一个fusionCharts的拼接字符串
接下来看JAVA
@RequestMapping(value = "/getDate", method = RequestMethod.POST)
public void getCharts(HttpServletResponse response) {
StringBuilder sb = new StringBuilder();
sb.append("<chart caption='Sales by salesperson' yaxisname='Sales' numberprefix='$' bgcolor='#FFFFFF' showalternatehgridcolor='0' showvalues='1' labeldisplay='WRAP' divlinecolor='#CCCCCC' divlinealpha='70' useroundedges='1' canvasbgcolor='#FFFFFF' canvasbasecolor='#CCCCCC' showcanvasbg='0' animation='0' palettecolors='#008ee4,#6baa01,#f8bd19,#e44a00,#33bdda' ><set label='Jerry' value='5000' /><set label='Harry' value='5500' /><set label='James' value='7000' /><set label='Rita' value='8200' /><set label='Jenny' value='6000' /></chart>");
String chartXml = sb.toString();
try {
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html");
response.getWriter().print(chartXml);
System.out.println(chartXml);
} catch (Exception ex) {
ex.printStackTrace();
}
}
【这里需要注意的是一定要写:】
最后,看页面:
<table>
<tr>
<td><div id="charts1"></div></td>
</tr>
</table>
<input type="button" value="button" onclick="showCharts()" />
/**
*
*/
var url;//全局变量相对路径
$(function(){
var localObj = window.location;
var contextPath = localObj.pathname.split("/")[1];
var basePath = localObj.protocol+"//"+localObj.host+"/"+contextPath;
url=basePath;
});
function show(data) {
var myChart = new FusionCharts(url
+ "/resources/js/FusionCharts/Column3D.swf", "myChartId", "600",
"500");
myChart.setDataXML(data);
myChart.render("charts1");
}
function showCharts() {
$.ajax({
url : "getDate",
type : "POST",
success : function(data) {
show(data);
}
});
}
这里,我是用了ajax来从JAVA得到一个fusionCharts的拼接字符串
接下来看JAVA
@RequestMapping(value = "/getDate", method = RequestMethod.POST)
public void getCharts(HttpServletResponse response) {
StringBuilder sb = new StringBuilder();
sb.append("<chart caption='Sales by salesperson' yaxisname='Sales' numberprefix='$' bgcolor='#FFFFFF' showalternatehgridcolor='0' showvalues='1' labeldisplay='WRAP' divlinecolor='#CCCCCC' divlinealpha='70' useroundedges='1' canvasbgcolor='#FFFFFF' canvasbasecolor='#CCCCCC' showcanvasbg='0' animation='0' palettecolors='#008ee4,#6baa01,#f8bd19,#e44a00,#33bdda' ><set label='Jerry' value='5000' /><set label='Harry' value='5500' /><set label='James' value='7000' /><set label='Rita' value='8200' /><set label='Jenny' value='6000' /></chart>");
String chartXml = sb.toString();
try {
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html");
response.getWriter().print(chartXml);
System.out.println(chartXml);
} catch (Exception ex) {
ex.printStackTrace();
}
}
【这里需要注意的是一定要写:】
response.setContentType("text/html");否则不成功。
最后,看页面:
<table>
<tr>
<td><div id="charts1"></div></td>
</tr>
</table>
<input type="button" value="button" onclick="showCharts()" />
相关文章推荐
- FusionCharts在Java中的基本使用(1)
- 使用aws elastic beanstalk 部署 java springboot application
- 我遇到的bug_使用spring+junit4时_java.lang.ExceptionInInitializerError
- java JSP开发之Spring中Bean的使用
- javaSpring使用maven初始搭建步骤java项目
- 使用Java(Springboot)操作Redis
- 使用Java(Springboot)操作Redis
- 为什么做java的web开发我们会使用struts2,springMVC和spring这样的框架?
- spring,springMVC的优点和区别 spring 是是一个开源框架,是为了解决企业应用程序开发,功能如下 ◆目的:解决企业应用开发的复杂性 ◆功能:使用基本的JavaBean代替EJB,并
- JavaConfig配置spring使用tomcat jdbc pool 后报找不到"com.mysql.jdbc.Driver"类
- [Log4j使用教程] JavaSE/JavaEE/SpringMVC中使用Log4j
- spring:使用<prop>标签为Java持久属性集注入值
- 使用Swagger生成JAVA Mock Server(Springboot)代码
- [101]一步一步学懂spring - 使用Java配置的方式搭建SpringMvc
- 使用Axis2将Spring的装配JavaBean发布成WebService(转)
- Spring系列: 使用aop报错:nested exception is java.lang.NoClassDefFoundError: org/aspectj/weaver/reflect/ReflectionWorld$Refle
- Java消息中间件学习笔记七 -- Spring中使用JMS
- [JAVA][Spring]Spring2 constructor-arg和property的使用示例
- java中Memcached的使用(包括与Spring整合)
- Java -- 在Eclipse上使用Spring