RGraph动态生成3D图形表格
来源:互联网 发布:sql添加数据语句 mdb 编辑:程序博客网 时间:2024/06/05 01:10
注意:标上红颜色的,就是我们需要替换的代码,就是把我们需要展现的数据替换上来就OK了。<script>
data = [4,8,6,3,5,2,6,8,4,5,7,8];
new RGraph.Bar({
id: 'cvs',
data: data,
options: {
textAccessible: true,
scaleZerostart: true,
backgroundGridAutofitNumvlines: 0,
linewidth: 0,
shadow: false,
hmargin: 7,
colors: ['Gradient(pink:red:#f33)', 'Gradient(green:#0f0)'],
labelsAbove: true,
labels: ['aa','AA','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
clearto: 'white',
variant: '3d',
gutterBottom: 90,
noaxes: true
}
}).wave({frames: 60});
</script>
- 1、生成需要的显示名字符串,数值字符串。
- 2、前台把字符串生成数组。
这直接从demo中复制到自己项目中就可以了。<script src="../js/rgraph/RGraph.common.core.js" ></script>
<script src="../js/rgraph/RGraph.bar.js" ></script>
JSONObject取key:String jname = new String();
String jdata = new String();
//
//for (Iterator<?> iterator = report.keys(); iterator.hasNext();) {
//jname.put(iterator.next());
//}
jname = report.names().toString();
for (Iterator<?> iterator = report.keys(); iterator.hasNext();) {
jdata+=(report.opt((String) iterator.next()))+",";
}
//将最后的逗号去除
jdata=jdata.substring(0,jdata.length()-1);//将jsonArray的前后[]去除
jname=jname.substring(1,jname.length()-1);//将文字内容的双引号去除
String jnameString = jname.replace("\"", "");
String jdataString = jdata.replace("\"", "");
request.setAttribute("jname", jnameString);
request.setAttribute("jdata", jdataString);
- 一 :就是使用keys(),这个返回的是一个Iterator,然后遍历下就循环出来了,上面注释的就是这个。
- 二:使用names(),这个方法返回的是一个jsonarray,极其好用啊。如果不要括号,就像我上面做的那样,删掉去就好了
//让后台传值过来的字符串变成数组,并不需要拼接[]//这里的data都是使用数组,而并不是jsonarray的字符串
var data = $("#jdata").val().split(",");
var data2 = $("#jname").val().split(",");
new RGraph.Bar({
id: 'cvs',
data: data,
options: {
textAccessible: true,
scaleZerostart: true,
backgroundGridAutofitNumvlines: 0,
linewidth: 0,
shadow: false,
hmargin: 7,
colors: ['Gradient(pink:red:#f33)', 'Gradient(green:#0f0)'],
labelsAbove: true,
labels: data2,
variant: '3d',
gutterBottom: 30,
noaxes: true
}
}).wave({frames: 60});
4、效果展示
PS:示例图片是很丑,数据的确很杂。但是我就是这么直接暴力,能用就行
- RGraph动态生成3D图形表格
- 动态图形和表格的生成
- HTML5 canvas图形库 RGraph
- highchart动态生成图形
- 动态生成表格
- javascript动态生成表格
- JS动态生成表格
- javascript 动态生成表格
- JS 动态生成表格
- js动态生成表格
- Js动态生成表格
- Literal生成动态表格
- 动态生成表格
- 动态生成表格示例
- 动态生成表格
- 动态生成表格
- js 动态生成表格
- 动态生成表格
- 项目管理专业英语-变更申请及可行性分析
- iOS-提交金融电商类APP被拒 PLA 1.2
- 412. Fizz Buzz
- 项目管理专业英语-无法直接给出答复,会影响项目进程
- 项目管理专业英语-重新开发需同意并留案签字
- RGraph动态生成3D图形表格
- 项目管理专业英语-配置管理的主要工作
- 项目管理专业英语-项目预测
- package.loaded和require配合让一个文件更新后重新加载
- 花
- 项目管理专业英语-风险事件发生
- 解决windows下angular2无法成功下载模块问题
- Spring面向切面编程AOP讲解
- dagger2的基本使用一