highcharts如何接收java作为后台 struts2 传递过来的动态数据
来源:互联网 发布:诺基亚java破解游戏 编辑:程序博客网 时间:2024/05/22 00:17
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Highcharts Example</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script><script type="text/javascript">$(function () { var colors = Highcharts.getOptions().colors, categories = ['米卡莎', '尤米尔', '艾伦', '阿尔米', '皮克西斯','康尼','莱纳'], name = '进击的巨人', data = [ { y: 75.11, color: colors[0], }, { y: 21.63, color: colors[1], }, { y: 11.94, color: colors[2], }, { y: 20, color: colors[3], }, { y: 30, color: colors[5], }, { y: 7.15, color: colors[6], }, { y: 2.14, color: colors[4], }]; function setChart(name, categories, data, color) {chart.xAxis[0].setCategories(categories, false);chart.series[0].remove(false);chart.addSeries({name: name,data: data,color: color || 'white'}, false);chart.redraw(); } var chart = $('#container').highcharts({ chart: { type: 'column',borderWidth:'1',plotBorderColor:'#000000' }, title: { text: '吸烟有害健康' }, xAxis: { categories: categories, gridLineWidth:'0' }, yAxis: { title: { text: '', gridLineWidth:'0' } },credits: {enabled: false}, plotOptions: { column: { cursor: 'pointer', dataLabels: { enabled: true, color: colors[0], style: { fontWeight: 'bold' }, formatter: function() { return this.y; } } } }, series: [{ name: name, data: data, color: 'white' }], exporting: { enabled: false } }) .highcharts(); // return chart}); </script></head><body><script src="../../js/highcharts.js"></script><script src="../../js/modules/exporting.js"></script><div id="container" style="min-width: 200px; height: 200px; margin: 0 auto"></div></body></html>
这是静态的页面 刚开始想着很简单 直接从后台拼成和前面静态内容一样的格式就行了 果断悲剧 前台用一个隐藏域hidden来接受后台传递过来的动态数值 例如 后台传给前台一个detailStr = "['米卡莎', '尤米尔', '艾伦', '阿尔米', '皮克西斯','康尼','莱纳']" 然后js中获取到(这个是X轴显示的内容,data同理 也是拼接的字符串) 赋给相应的值 内容一样 但总是显示不出来
各种搜索 问题解决大致如下 第一种 后台用JSON格式来保存字符串(前台需不需要做一下解析 -。-没试 好像挺麻烦的样子) 第二种 后台存特定字符串 例如 '10', '5', '15', '25', '15', '26', '25' 前台用Array进行字符串处理 比如逗号分隔 然后用parseint进行转换 存入新的Array 但是这样就没法保存其他一些属性了 比如 我不同的圆柱形用不同的颜色 这样的话还得从前台判断 太麻烦 我后台自己直接判断拼成字符串要简单的多 这个原理是貌似必须把 String转换成int类型才能显示。
说了这么多还有个最为简单的方法 回到最开始的想法 后台拼接成都字符串和静态的字符串一模一样为什么不行 只要加一个eval就解决了 太坑爹了 搜了半天 还是无意中看了一个 试一下 果断OK了 data = eval(document.getElementById("data").value); 这个data是从后台获取到的动态拼接的字符串 加一个eval就搞定了 这个确实没明白是什么原理 貌似是自动转换成JS格式神马的 不太懂 。懂得也可以M我 没具体的例子 不懂得可以问我
- highcharts如何接收java作为后台 struts2 传递过来的动态数据
- freemarker前台接收后台传递过来的map数据处理问题
- struts2中的Action接收表单传递过来的参数
- Java后台如何接收并处理前台传过来的json格式的数组参数
- 05.Java后台如何接收并处理前台传过来的json格式的数组参数
- Java后台如何接收并处理前台传过来的json格式的数组参数
- Java后台如何接收并处理前台传过来的json格式的数组参数
- ajax接收java后台传过来的json数据乱码及获取字段undefind问题
- 使用ajax接收后台发送过来的json数据
- SpringMVC,Controller如何接收前端传递过来的数组
- 表单提交数据量大于2m,java 后台接受不到表单传递过来的数据
- Struts2 如何接收页面传过来的参数
- Java与Highcharts实例(三) - Hello Highcharts (后台Java传递数据)
- Java与Highcharts实例(四) - Hello Highcharts (后台Java传递数据) - 改造实体
- Stuts2 Action 如何接收Ajax 传过来的JSON数据
- 前端如何接收 websocket 发送过来的实时数据
- jsp中为什么后台传递过来的数据没有空格 而jsp页面上用EL表达式接收就会显示有空格
- 浅谈Struts2前台后台的数据传递
- Android LCD(四):LCD驱动调试篇
- 数据分析那些事
- Pushlet - 开源 Comet 框架
- CRM2011打开报表显示“报告错误”
- COM组件替换或者升级
- highcharts如何接收java作为后台 struts2 传递过来的动态数据
- 在阿里云Rds上采用MySQLdump工具对数据进行导出导入
- 理解矩阵(一)
- OpenGL Programming Guide
- Java中如何把两个数组合并为一个
- 算法问题:什么是P问题、NP问题和NPC问题
- VGA 寄存器一览表
- mac和windows系统下 eclipse svn 设置代理服务器
- 面向对象