update
This commit is contained in:
hanjian
279
ebpm-process-manage/webapp/resource/js/common/application.js
Normal file
279
ebpm-process-manage/webapp/resource/js/common/application.js
Normal file
@@ -0,0 +1,279 @@
|
||||
/*
|
||||
* 系统全局js脚本
|
||||
*/
|
||||
function hrefSubmit(ele,url){
|
||||
getReferenceForm(ele).action=url;
|
||||
getReferenceForm(ele).submit();
|
||||
}
|
||||
function postAjax(url){
|
||||
jQuery.post(url,function(result){
|
||||
alert(result);
|
||||
});
|
||||
}
|
||||
function postAjax(url,msg,reload){
|
||||
jQuery.post(url,function(result){
|
||||
if(result=="操作成功"||result==""){
|
||||
alert(msg);
|
||||
if(reload){
|
||||
window.location.href=window.location.href;
|
||||
}
|
||||
}else{
|
||||
alert(result);
|
||||
}
|
||||
});
|
||||
}
|
||||
function postAjax(url,msg,reload,isAddMask){
|
||||
if(isAddMask){
|
||||
setMask("main-container");
|
||||
}
|
||||
jQuery.post(url,function(result){
|
||||
if(result=="操作成功"||result==""){
|
||||
alert(msg);
|
||||
if(reload){
|
||||
window.location.href=window.location.href;
|
||||
}else{
|
||||
if(isAddMask){
|
||||
$("#main-container").unmask();
|
||||
}
|
||||
}
|
||||
}else{
|
||||
alert(result);
|
||||
if(isAddMask){
|
||||
$("#main-container").unmask();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
function postAjax(url,msg,reload,isAddMask,formid,pageNumber){
|
||||
if(isAddMask){
|
||||
setMask("main-container");
|
||||
}
|
||||
jQuery.post(url,function(result){
|
||||
if(result=="操作成功"||result==""){
|
||||
alert(msg);
|
||||
if(reload){
|
||||
if(""!=formid){
|
||||
var oldUrl = $("#"+formid).attr("action");
|
||||
$("#"+formid).attr("action",oldUrl+"?pageNumber="+pageNumber);
|
||||
$("#"+formid).submit();
|
||||
}else{
|
||||
window.location.href=window.location.href;
|
||||
}
|
||||
}else{
|
||||
if(isAddMask){
|
||||
$("#main-container").unmask();
|
||||
}
|
||||
}
|
||||
}else{
|
||||
alert(result);
|
||||
if(isAddMask){
|
||||
$("#main-container").unmask();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
function items2json(items){
|
||||
var itemsVal ="[";
|
||||
items.each(function(i,obj){
|
||||
var val=obj.value;
|
||||
var tempitems=val.split("&");
|
||||
var valStr="";
|
||||
for(var i=0;i<tempitems.length;i++){
|
||||
var tempValStr=tempitems[i];
|
||||
if(tempValStr!=""){
|
||||
valStr+=tempValStr.replace(new RegExp("=","g"),":'")+"',";
|
||||
}
|
||||
}
|
||||
valStr=valStr.substring(0,valStr.length-1);
|
||||
itemsVal+="{"+valStr+"},";
|
||||
});
|
||||
itemsVal=itemsVal.substring(0,itemsVal.length-1)+"]";
|
||||
return itemsVal
|
||||
}
|
||||
function back(url){
|
||||
window.location.href=url;
|
||||
//window.location.href=url+"?"+$("#queryString").attr("value");
|
||||
}
|
||||
function disableSubmit(finalResult, submitButtonId){
|
||||
if (finalResult) {
|
||||
document.getElementById(submitButtonId).disabled = true;
|
||||
return finalResult;
|
||||
}
|
||||
else {
|
||||
return finalResult;
|
||||
}
|
||||
}
|
||||
|
||||
function batchDelete(action, checkboxName, form){
|
||||
if (!hasOneChecked(checkboxName)) {
|
||||
alert('请选择要操作的对象!');
|
||||
return;
|
||||
}
|
||||
if(window.confirm('确定执行[删除]操作?')){
|
||||
form.action = action;
|
||||
form.submit();
|
||||
}
|
||||
}
|
||||
|
||||
function hasOneChecked(name){
|
||||
var items = document.getElementsByName(name);
|
||||
if (items.length > 0) {
|
||||
for (var i = 0; i < items.length; i++) {
|
||||
if (items[i].checked == true) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (items.checked == true) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function setAllCheckboxState(name, state){
|
||||
var elms = document.getElementsByName(name);
|
||||
for (var i = 0; i < elms.length; i++) {
|
||||
elms[i].checked = state;
|
||||
}
|
||||
}
|
||||
|
||||
function getReferenceForm(elm){
|
||||
while (elm && elm.tagName != 'BODY') {
|
||||
if (elm.tagName == 'FORM')
|
||||
return elm;
|
||||
elm = elm.parentNode;
|
||||
}
|
||||
return null;
|
||||
}
|
||||
//1.判断select选项中 是否存在Value="paraValue"的Item
|
||||
function selectIsExitItem(objSelect, objItemValue) {
|
||||
var isExit = false;
|
||||
for (var i = 0; i < objSelect.options.length; i++) {
|
||||
if (objSelect.options[i].value == objItemValue) {
|
||||
isExit = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
return isExit;
|
||||
}
|
||||
//2.向select选项中 加入一个Item
|
||||
function addItemToSelect(objSelect, objItemText, objItemValue) {
|
||||
//判断是否存在
|
||||
if (selectIsExitItem(objSelect, objItemValue)) {
|
||||
alert("该Item的Value值已经存在");
|
||||
} else {
|
||||
var varItem = new Option(objItemText, objItemValue);
|
||||
objSelect.options.add(varItem);
|
||||
}
|
||||
}
|
||||
//3.从select选项中 删除一个Item
|
||||
function removeItemFromSelect(objSelect, objItemValue) {
|
||||
//判断是否存在
|
||||
if (selectIsExitItem(objSelect, objItemValue)) {
|
||||
for (var i = 0; i < objSelect.options.length; i++) {
|
||||
if (objSelect.options[i].value == objItemValue) {
|
||||
objSelect.options.remove(i);
|
||||
break;
|
||||
}
|
||||
}
|
||||
alert("成功删除");
|
||||
} else {
|
||||
alert("该select中 不存在该项");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 4.删除select中选中的项
|
||||
function removeSelectedItemFromSelect(objSelect) {
|
||||
var length = objSelect.options.length - 1;
|
||||
for(var i = length; i >= 0; i--){
|
||||
if(objSelect[i].selected == true){
|
||||
objSelect.options[i] = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 5.修改select选项中 value="paraValue"的text为"paraText"
|
||||
function updateItemToSelect(objSelect, objItemText, objItemValue) {
|
||||
//判断是否存在
|
||||
if (selectIsExitItem(objSelect, objItemValue)) {
|
||||
for (var i = 0; i < objSelect.options.length; i++) {
|
||||
if (objSelect.options[i].value == objItemValue) {
|
||||
objSelect.options[i].text = objItemText;
|
||||
break;
|
||||
}
|
||||
}
|
||||
alert("成功修改");
|
||||
} else {
|
||||
alert("该select中 不存在该项");
|
||||
}
|
||||
}
|
||||
|
||||
// 6.设置select中text="paraText"的第一个Item为选中
|
||||
function selectItemByValue(objSelect, objItemText) {
|
||||
//判断是否存在
|
||||
var isExit = false;
|
||||
for (var i = 0; i < objSelect.options.length; i++) {
|
||||
if (objSelect.options[i].text == objItemText) {
|
||||
objSelect.options[i].selected = true;
|
||||
isExit = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
//Show出结果
|
||||
if (isExit) {
|
||||
alert("成功选中");
|
||||
} else {
|
||||
alert("该select中 不存在该项");
|
||||
}
|
||||
}
|
||||
function showDiaLogList(url,myTitle){
|
||||
|
||||
var dialog =art.dialog.open(url, {width: '1024px',height: '720px',lock:true,fixed: true,drag:false,resize: false,title: myTitle});
|
||||
dialog = art.dialog.through ;
|
||||
}
|
||||
function showDiaLog(url,myTitle,myWidth,myHeigh){
|
||||
var dialog =art.dialog.open(url, {width: myWidth, height: myHeigh,fixed: true,drag:false,resize: false,title: myTitle,lock:true,background:"#000",opacity:"0.8"});
|
||||
dialog = art.dialog.through ;
|
||||
return dialog;
|
||||
}
|
||||
function showDiaLogByParent(url,myTitle,myWidth,myHeigh){
|
||||
var dialog =art.dialog.parent.art.dialog.open(url, {width: myWidth, height: myHeigh,fixed: true,drag:false,resize: false,title: myTitle,lock:true,background:"#000",opacity:"0.8"});
|
||||
dialog = art.dialog.through ;
|
||||
return dialog;
|
||||
}
|
||||
|
||||
function openWindow(url,name)
|
||||
{
|
||||
var url; //转向网页的地址;
|
||||
window.open(url,'_blank','height=screen.height, width=screen.width, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no');
|
||||
}
|
||||
function setMask(divid){
|
||||
$("#"+divid).mask("系统正在加载中,请稍后...");
|
||||
}
|
||||
|
||||
function trimkeyup(e) {
|
||||
lucene_objInput = $(this);
|
||||
if (e.keyCode != 37 && e.keyCode != 39 && e.keyCode != 13) {
|
||||
var im = $.trim(lucene_objInput.val());
|
||||
lucene_objInput.val(im);
|
||||
}
|
||||
}
|
||||
function openProcessTrackPage(ctx,histProcInstId){
|
||||
var height1 = window.parent.document.documentElement.clientHeight;
|
||||
var height = (parseInt(height1)-45)+"px";
|
||||
showDiaLog(ctx+'/workflow/trace/traceProcess.do?processInstanceId='+histProcInstId,'监控','1400px',height);
|
||||
}
|
||||
function openProcessTrackMobile(ctx,histProcInstId){
|
||||
var height1 = window.parent.document.documentElement.clientHeight;
|
||||
var height = (parseInt(height1)-45)+"px";
|
||||
showDiaLog(ctx+'/workflow/trace/traceProcessMobile.do?processInstanceId='+histProcInstId,'手机监控','450px',height);
|
||||
}
|
||||
function showFullDiaLog(url,myTitle){
|
||||
var dialog =art.dialog.open(url, {width: '100%', height: '100%',fixed: true,drag:false,resize: false,title: myTitle,lock:true,background:"#000",opacity:"0.8"});
|
||||
dialog = art.dialog.through ;
|
||||
return dialog;
|
||||
}
|
||||
|
||||
26
ebpm-process-manage/webapp/resource/js/common/common.js
Normal file
26
ebpm-process-manage/webapp/resource/js/common/common.js
Normal file
@@ -0,0 +1,26 @@
|
||||
//删除左右两端的空格
|
||||
function trim(str){
|
||||
return str.replace(/(^\s*)|(\s*$)/g, "");
|
||||
}
|
||||
|
||||
|
||||
//只能输入数字和小数点
|
||||
function clearNoNum(obj)
|
||||
{
|
||||
obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符
|
||||
obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字而不是.
|
||||
obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.
|
||||
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
|
||||
}
|
||||
|
||||
//限制输入的字符
|
||||
function getLengthCheck(id,length){
|
||||
var text=document.getElementById(id).value;
|
||||
var len = text.length;
|
||||
if(len>length){
|
||||
document.getElementById(id).value = text.substring(0,length);
|
||||
document.getElementById(id).focus();
|
||||
alert("您的输入已经达到最大长度，您最多可输入"+length+"字符!");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
817
ebpm-process-manage/webapp/resource/js/common/processReport.js
Normal file
817
ebpm-process-manage/webapp/resource/js/common/processReport.js
Normal file
@@ -0,0 +1,817 @@
|
||||
function getReportData(containerId,seriesValue,chartTitle){
|
||||
//alert(containerId+"<br/>"+seriesValue);
|
||||
/**
|
||||
* highcharts数据图表
|
||||
*
|
||||
* @param {object} chart 图表的相关参数配置
|
||||
* @param {object} credits 图表版权信息参数配置
|
||||
* @param {object} lang 图表语言参数配置
|
||||
* @param {object} exporting 导出配置
|
||||
* @param {object} title 标题配置
|
||||
* @param {object} xAxis X轴配置
|
||||
* @param {object} yAxis Y轴配置
|
||||
* @param {object} plotOptions 各类型图表绘制配置
|
||||
* @param {object} labels 数据图表标签配置
|
||||
* @param {array} series 数据源配置
|
||||
*/
|
||||
chart = new Highcharts.Chart({
|
||||
/**
|
||||
* 图表配置
|
||||
*
|
||||
* @param {string} renderTo 图表加载的位置
|
||||
* @param {int} width 图表的宽度
|
||||
* @param {int} hight 图表的高度
|
||||
* @param {string} type 图表的默认类型
|
||||
* @param {string} zoomType 图表的缩放选项，有：x, y, xy
|
||||
*/
|
||||
chart: {
|
||||
// 图表加载的位置
|
||||
renderTo: containerId,
|
||||
// 图表宽度
|
||||
// width: 460,
|
||||
// 图表高度
|
||||
//hight: 200,
|
||||
// 默认图表类型
|
||||
type: 'line',
|
||||
// 缩放配置：x，y，xy
|
||||
zoomType: ''
|
||||
},
|
||||
/**
|
||||
* 版权信息配置，不用修改直接复制
|
||||
*
|
||||
* @param {boolean} enabled 是否显示版权信息
|
||||
* @param {string} href 版权信息所链接到的地址
|
||||
* @param {string} text 版权信息所显示的文字内容
|
||||
*/
|
||||
credits:{
|
||||
enabled: false,
|
||||
href: "http://",
|
||||
text: '问卷调查'
|
||||
},
|
||||
/**
|
||||
* 语言配置，不用修改直接复制
|
||||
*
|
||||
* @param {string} exportButtonTitle 导出按钮的标题文字
|
||||
* @param {string} printButtonTitle 打印按钮的标题文字
|
||||
*/
|
||||
lang:{
|
||||
exportButtonTitle:'导出PDF',
|
||||
printButtonTitle:'打印报表'
|
||||
},
|
||||
/**
|
||||
* 导出配置，不用修改直接复制
|
||||
*
|
||||
* @param {boolean} enabled 是否允许导出
|
||||
* @param {object} buttons 关于与导出和打印按钮相关的配置对象
|
||||
* @param {string} filename 导出文件的文件名
|
||||
* @param {string} type 默认导出文件的格式
|
||||
*/
|
||||
exporting:{
|
||||
// 是否允许导出
|
||||
enabled:false,
|
||||
// 按钮配置
|
||||
buttons:{
|
||||
// 导出按钮配置
|
||||
exportButton:{
|
||||
menuItems: null,
|
||||
onclick: function() {
|
||||
this.exportChart();
|
||||
}
|
||||
},
|
||||
// 打印按钮配置
|
||||
printButton:{
|
||||
enabled:false
|
||||
}
|
||||
},
|
||||
// 文件名
|
||||
filename: '报表',
|
||||
// 导出文件默认类型
|
||||
type:'application/pdf'
|
||||
},
|
||||
/**
|
||||
* 图表的标题
|
||||
*
|
||||
* @param {string} text 图表的标题，如果不需要显示标题，直接设置为空字符串就行
|
||||
*/
|
||||
title: {
|
||||
text: chartTitle
|
||||
},
|
||||
/**
|
||||
* X轴配置
|
||||
*
|
||||
* @param {array} categories X轴坐标分类值
|
||||
* @param {object} labels 坐标标签配置对象
|
||||
* @param {int} tickInterval 坐标轴的步进值
|
||||
* @param {object} title 坐标轴标题
|
||||
*/
|
||||
xAxis: {
|
||||
// X轴分类
|
||||
categories: ['苹果', '桔子', '梨子', '香蕉', '李子'],
|
||||
// 坐标轴的标签
|
||||
labels:{
|
||||
// 标签位置
|
||||
align: 'center',
|
||||
// 标签格式化
|
||||
formatter: function(){
|
||||
return this.value;
|
||||
},
|
||||
// 标签旋转度数
|
||||
rotation: 20,
|
||||
// 标签交错显示的行数
|
||||
staggerLines: 1
|
||||
},
|
||||
// X轴的步进值，决定隔多少个显示一个
|
||||
tickInterval: 1,
|
||||
// 坐标轴标题
|
||||
title: {
|
||||
text: '水果分类'
|
||||
}
|
||||
},
|
||||
/**
|
||||
* y轴配置
|
||||
*
|
||||
* @param {object} labels 坐标标签配置对象
|
||||
* @param {int} tickInterval 坐标轴的步进值
|
||||
* @param {object} title 坐标轴标题
|
||||
*/
|
||||
yAxis: {
|
||||
// 坐标轴的标签
|
||||
labels:{
|
||||
// 标签位置
|
||||
align: 'right',
|
||||
// 标签格式化
|
||||
formatter: function(){
|
||||
return this.value + '个';
|
||||
}
|
||||
},
|
||||
// y轴的步进值，决定隔多少个显示一个
|
||||
tickInterval: 10,
|
||||
// 坐标轴标题
|
||||
title: {
|
||||
text: '水果个数'
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 绘图的各选项、参数配置
|
||||
* @param {object} series 数列，可以配置各种不同类型图表的默认参数
|
||||
* @param {object} bar 横向柱状图配置参数
|
||||
* @param {object} column 纵向柱状图配置参数
|
||||
* @param {object} line 线性图
|
||||
* @param {object} spline 圆滑曲线图配置参数
|
||||
* @param {object} pie 饼状图
|
||||
*/
|
||||
plotOptions:{
|
||||
/**
|
||||
* 数列，对于所有的图表都可以适用的配置参数，属于共用性质。
|
||||
*/
|
||||
series: {
|
||||
// 鼠标样式
|
||||
cursor: 'pointer',
|
||||
events:{
|
||||
// 数据标注不可点击
|
||||
legendItemClick: false
|
||||
},
|
||||
// 当是柱状图时，柱状的宽度
|
||||
pointWidth: 15
|
||||
},
|
||||
/**
|
||||
* 横向柱状图
|
||||
*/
|
||||
bar:{
|
||||
// 数据点的点击事件
|
||||
events:{
|
||||
click: function(event){
|
||||
//alert('The bar was clicked, and you can add any other functions.');
|
||||
}
|
||||
},
|
||||
// 当值为0时，在图表中柱状体的长度设置
|
||||
minPointLength: 2,
|
||||
// 当具体的数据点被点击时的事件响应函数。如果不需要事件响应，可以删除。
|
||||
point:{
|
||||
events:{
|
||||
click: function(){
|
||||
//alert('This point was clicked. You can and any other functions.');
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否在图注中显示。
|
||||
showInLegend: true,
|
||||
// 是否堆叠，默认：null，数值：normal，百分比：percent
|
||||
//stacking: 'normal',
|
||||
// 调整图像顺序关系
|
||||
zIndex: 1
|
||||
},
|
||||
/**
|
||||
* 纵向柱状图
|
||||
*/
|
||||
column:{
|
||||
// 数据点的点击事件
|
||||
events:{
|
||||
click: function(event){
|
||||
//alert('The bar was clicked, and you can add any other functions.');
|
||||
}
|
||||
},
|
||||
// 当值为0时，在图表中柱状体的长度设置
|
||||
minPointLength: 2,
|
||||
// 当具体的数据点被点击时的事件响应函数。如果不需要事件响应，可以删除。
|
||||
point:{
|
||||
events:{
|
||||
click: function(){
|
||||
//alert('This point was clicked. You can and any other functions.');
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否在图注中显示。
|
||||
showInLegend: true,
|
||||
// 是否堆叠，默认：null，数值：normal，百分比：percent
|
||||
//stacking: null,
|
||||
// 调整图像顺序关系
|
||||
zIndex: 2
|
||||
},
|
||||
/**
|
||||
* 线性图，与spline的区别在于点与点之间的连线是直线还是圆滑曲线。
|
||||
*/
|
||||
line:{
|
||||
// 允许线性图上的数据点进行点击
|
||||
allowPointSelect: true,
|
||||
// 数据点的点击事件
|
||||
events:{
|
||||
click: function(event){
|
||||
//alert('The bar was clicked, and you can add any other functions.');
|
||||
}
|
||||
},
|
||||
// 当具体的数据点被点击时的事件响应函数。如果不需要事件响应，可以删除。
|
||||
point:{
|
||||
events:{
|
||||
click: function(){
|
||||
//alert('This point on the line was clicked. You can and any other functions.');
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否在图注中显示。
|
||||
showInLegend: true,
|
||||
// 调整图像顺序关系
|
||||
zIndex: 3
|
||||
},
|
||||
/**
|
||||
* 曲线图，与spline的区别在于点与点之间的连线是直线还是圆滑曲线。
|
||||
*/
|
||||
spline:{
|
||||
// 允许线性图上的数据点进行点击
|
||||
allowPointSelect: true,
|
||||
// 数据点的点击事件
|
||||
events:{
|
||||
click: function(event){
|
||||
//alert('The bar was clicked, and you can add any other functions.');
|
||||
}
|
||||
},
|
||||
// 当具体的数据点被点击时的事件响应函数。如果不需要事件响应，可以删除。
|
||||
point:{
|
||||
events:{
|
||||
click: function(){
|
||||
//alert('This point on the line was clicked. You can and any other functions.');
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否在图注中显示。
|
||||
showInLegend: true,
|
||||
// 调整图像顺序关系
|
||||
zIndex: 3
|
||||
},
|
||||
tooltip: {
|
||||
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
||||
},
|
||||
/**
|
||||
* 饼状图
|
||||
*/
|
||||
pie:{
|
||||
// 是否允许扇区点击
|
||||
allowPointSelect: true,
|
||||
// 点击后，滑开的距离
|
||||
slicedOffset: 5,
|
||||
// 饼图的中心坐标
|
||||
center: [444, 80],
|
||||
// 饼图的大小
|
||||
size: 170,
|
||||
// 数据标签
|
||||
dataLabels: {
|
||||
// 是否允许标签
|
||||
enabled: true,
|
||||
// 标签与图像元素之间的间距
|
||||
distance: 10,
|
||||
color: '#000000',
|
||||
connectorColor: '#000000',
|
||||
format: '<b>{point.name}</b>: {point.percentage:.1f} %'
|
||||
},
|
||||
// 数据点的点击事件
|
||||
events:{
|
||||
click: function(event){
|
||||
//alert('The bar was clicked, and you can add any other functions.');
|
||||
}
|
||||
},
|
||||
// 是否忽略隐藏的项
|
||||
ignoreHiddenPoint: true,
|
||||
// 当具体的数据点被点击时的事件响应函数。如果不需要事件响应，可以删除。
|
||||
point:{
|
||||
events:{
|
||||
click: function(){
|
||||
//alert('This point on the line was clicked. You can and any other functions.');
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否在图注中显示。
|
||||
showInLegend: false,
|
||||
// 调整图像顺序关系
|
||||
zIndex: 0
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 数据图表标签配置
|
||||
*
|
||||
* @param {array} items 项目配置
|
||||
*/
|
||||
labels: {
|
||||
items: [{
|
||||
//html: '问卷回复数',
|
||||
style: {
|
||||
left: '260px',
|
||||
top: '8px',
|
||||
color: 'black'
|
||||
}
|
||||
}]
|
||||
},
|
||||
/**
|
||||
* 数据源配置，本身是一个对象数组
|
||||
*
|
||||
* @param {string} type 图表的类型
|
||||
* @param {string} name 数据序列的名称
|
||||
* @param {array} data 数据序列，是一个对象数组
|
||||
*/
|
||||
series: eval("[" + seriesValue + "]")
|
||||
/* series: [ {
|
||||
type: 'pie',
|
||||
name: '水果总消耗量',
|
||||
data: [{
|
||||
name: 'Jane',
|
||||
y: 13,
|
||||
color: '#4572A7' // Jane's color
|
||||
}, {
|
||||
name: 'John',
|
||||
y: 33,
|
||||
color: '#AA4643' // John's color
|
||||
}, {
|
||||
name: 'Joe',
|
||||
y: 19,
|
||||
color: '#89A54E' // Joe's color
|
||||
}]
|
||||
}] */
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
function getReportDataByZjt(containerId,categoriesX,categoriesXTitle,seriesValue,chartTitle,yAxisHz,yAxisTitle){
|
||||
//alert(categoriesX+"-"+categoriesXTitle+"-"+seriesValue);
|
||||
// alert(categoriesX);
|
||||
//alert(categoriesXTitle);
|
||||
// alert(seriesValue);
|
||||
// return;
|
||||
|
||||
/**
|
||||
* highcharts数据图表
|
||||
*
|
||||
* @param {object} chart 图表的相关参数配置
|
||||
* @param {object} credits 图表版权信息参数配置
|
||||
* @param {object} lang 图表语言参数配置
|
||||
* @param {object} exporting 导出配置
|
||||
* @param {object} title 标题配置
|
||||
* @param {object} xAxis X轴配置
|
||||
* @param {object} yAxis Y轴配置
|
||||
* @param {object} plotOptions 各类型图表绘制配置
|
||||
* @param {object} labels 数据图表标签配置
|
||||
* @param {array} series 数据源配置
|
||||
*/
|
||||
chart = new Highcharts.Chart({
|
||||
/**
|
||||
* 图表配置
|
||||
*
|
||||
* @param {string} renderTo 图表加载的位置
|
||||
* @param {int} width 图表的宽度
|
||||
* @param {int} hight 图表的高度
|
||||
* @param {string} type 图表的默认类型
|
||||
* @param {string} zoomType 图表的缩放选项，有：x, y, xy
|
||||
*/
|
||||
chart: {
|
||||
// 图表加载的位置
|
||||
renderTo: containerId,
|
||||
// 默认图表类型
|
||||
type: 'column',
|
||||
// 缩放配置：x，y，xy
|
||||
zoomType: ''
|
||||
},
|
||||
/**
|
||||
* 版权信息配置，不用修改直接复制
|
||||
*
|
||||
* @param {boolean} enabled 是否显示版权信息
|
||||
* @param {string} href 版权信息所链接到的地址
|
||||
* @param {string} text 版权信息所显示的文字内容
|
||||
*/
|
||||
credits:{
|
||||
enabled: false,
|
||||
href: "http://",
|
||||
text: '流程统计'
|
||||
},
|
||||
/**
|
||||
* 语言配置，不用修改直接复制
|
||||
*
|
||||
* @param {string} exportButtonTitle 导出按钮的标题文字
|
||||
* @param {string} printButtonTitle 打印按钮的标题文字
|
||||
*/
|
||||
lang:{
|
||||
exportButtonTitle:'导出PDF',
|
||||
printButtonTitle:'打印报表'
|
||||
},
|
||||
/**
|
||||
* 导出配置，不用修改直接复制
|
||||
*
|
||||
* @param {boolean} enabled 是否允许导出
|
||||
* @param {object} buttons 关于与导出和打印按钮相关的配置对象
|
||||
* @param {string} filename 导出文件的文件名
|
||||
* @param {string} type 默认导出文件的格式
|
||||
*/
|
||||
exporting:{
|
||||
// 是否允许导出
|
||||
enabled:false,
|
||||
// 按钮配置
|
||||
buttons:{
|
||||
// 导出按钮配置
|
||||
exportButton:{
|
||||
menuItems: null,
|
||||
onclick: function() {
|
||||
this.exportChart();
|
||||
}
|
||||
},
|
||||
// 打印按钮配置
|
||||
printButton:{
|
||||
enabled:false
|
||||
}
|
||||
},
|
||||
// 文件名
|
||||
filename: '报表',
|
||||
// 导出文件默认类型
|
||||
type:'application/pdf'
|
||||
},
|
||||
/**
|
||||
* 图表的标题
|
||||
*
|
||||
* @param {string} text 图表的标题，如果不需要显示标题，直接设置为空字符串就行
|
||||
*/
|
||||
title: {
|
||||
text: chartTitle
|
||||
},
|
||||
/**
|
||||
* X轴配置
|
||||
*
|
||||
* @param {array} categories X轴坐标分类值
|
||||
* @param {object} labels 坐标标签配置对象
|
||||
* @param {int} tickInterval 坐标轴的步进值
|
||||
* @param {object} title 坐标轴标题
|
||||
*/
|
||||
xAxis: {
|
||||
// X轴分类
|
||||
categories: eval("[" + categoriesX + "]"),
|
||||
// 坐标轴的标签
|
||||
labels:{
|
||||
// 标签位置
|
||||
align: 'center',
|
||||
// 标签格式化
|
||||
formatter: function(){
|
||||
return this.value;
|
||||
},
|
||||
// 标签旋转度数
|
||||
rotation: 0,
|
||||
// 标签交错显示的行数
|
||||
staggerLines: 1
|
||||
},
|
||||
// X轴的步进值，决定隔多少个显示一个
|
||||
tickInterval: 1,
|
||||
// 坐标轴标题
|
||||
title: {
|
||||
text: categoriesXTitle
|
||||
}
|
||||
},
|
||||
/**
|
||||
* y轴配置
|
||||
*
|
||||
* @param {object} labels 坐标标签配置对象
|
||||
* @param {int} tickInterval 坐标轴的步进值
|
||||
* @param {object} title 坐标轴标题
|
||||
*/
|
||||
yAxis: {
|
||||
// 坐标轴的标签
|
||||
labels:{
|
||||
// 标签位置
|
||||
align: 'right',
|
||||
// 标签格式化
|
||||
formatter: function(){
|
||||
return this.value +yAxisHz;
|
||||
}
|
||||
},
|
||||
// y轴的步进值，决定隔多少个显示一个
|
||||
tickInterval: 10,
|
||||
// 坐标轴标题
|
||||
title: {
|
||||
text: yAxisTitle
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 绘图的各选项、参数配置
|
||||
* @param {object} series 数列，可以配置各种不同类型图表的默认参数
|
||||
* @param {object} bar 横向柱状图配置参数
|
||||
* @param {object} column 纵向柱状图配置参数
|
||||
* @param {object} line 线性图
|
||||
* @param {object} spline 圆滑曲线图配置参数
|
||||
* @param {object} pie 饼状图
|
||||
*/
|
||||
plotOptions:{
|
||||
/**
|
||||
* 数列，对于所有的图表都可以适用的配置参数，属于共用性质。
|
||||
*/
|
||||
series: {
|
||||
// 鼠标样式
|
||||
cursor: 'pointer',
|
||||
events:{
|
||||
// 数据标注不可点击
|
||||
legendItemClick: false
|
||||
},
|
||||
// 当是柱状图时，柱状的宽度
|
||||
pointWidth: 15,
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
format: '{point.y:1f}'
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 纵向柱状图
|
||||
*/
|
||||
column:{
|
||||
// 数据点的点击事件
|
||||
events:{
|
||||
click: function(event){
|
||||
//alert('The bar was clicked, and you can add any other functions.');
|
||||
}
|
||||
},
|
||||
// 当值为0时，在图表中柱状体的长度设置
|
||||
minPointLength: 2,
|
||||
// 当具体的数据点被点击时的事件响应函数。如果不需要事件响应，可以删除。
|
||||
point:{
|
||||
events:{
|
||||
click: function(){
|
||||
//alert('This point was clicked. You can and any other functions.');
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否在图注中显示。
|
||||
showInLegend: true,
|
||||
// 是否堆叠，默认：null，数值：normal，百分比：percent
|
||||
//stacking: null,
|
||||
// 调整图像顺序关系
|
||||
zIndex: 2,
|
||||
pointPadding: 0.2,
|
||||
borderWidth: 0
|
||||
},
|
||||
/**
|
||||
* 线性图，与spline的区别在于点与点之间的连线是直线还是圆滑曲线。
|
||||
*/
|
||||
line:{
|
||||
// 允许线性图上的数据点进行点击
|
||||
allowPointSelect: true,
|
||||
// 数据点的点击事件
|
||||
events:{
|
||||
click: function(event){
|
||||
//alert('The bar was clicked, and you can add any other functions.');
|
||||
}
|
||||
},
|
||||
// 当具体的数据点被点击时的事件响应函数。如果不需要事件响应，可以删除。
|
||||
point:{
|
||||
events:{
|
||||
click: function(){
|
||||
//alert('This point on the line was clicked. You can and any other functions.');
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否在图注中显示。
|
||||
showInLegend: true,
|
||||
// 调整图像顺序关系
|
||||
zIndex: 3
|
||||
},
|
||||
/**
|
||||
* 曲线图，与spline的区别在于点与点之间的连线是直线还是圆滑曲线。
|
||||
*/
|
||||
spline:{
|
||||
// 允许线性图上的数据点进行点击
|
||||
allowPointSelect: true,
|
||||
// 数据点的点击事件
|
||||
events:{
|
||||
click: function(event){
|
||||
//alert('The bar was clicked, and you can add any other functions.');
|
||||
}
|
||||
},
|
||||
// 当具体的数据点被点击时的事件响应函数。如果不需要事件响应，可以删除。
|
||||
point:{
|
||||
events:{
|
||||
click: function(){
|
||||
//alert('This point on the line was clicked. You can and any other functions.');
|
||||
}
|
||||
}
|
||||
},
|
||||
// 是否在图注中显示。
|
||||
showInLegend: true,
|
||||
// 调整图像顺序关系
|
||||
zIndex: 3
|
||||
},
|
||||
tooltip: {
|
||||
// headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
|
||||
//pointFormat: '<span style="color:{point.color}">'+yAxisTitle+'</span>: <b>{point.y:.2f}%</b> of total<br/>'
|
||||
},
|
||||
|
||||
},
|
||||
/**
|
||||
* 数据源配置，本身是一个对象数组
|
||||
*
|
||||
* @param {string} type 图表的类型
|
||||
* @param {string} name 数据序列的名称
|
||||
* @param {array} data 数据序列，是一个对象数组
|
||||
*/
|
||||
series: eval("[" + seriesValue + "]")
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
function getReportDataByBar(containerId,headTitle,subHeadTitle,xValue,yValue){
|
||||
|
||||
chart = new Highcharts.Chart({
|
||||
chart: {
|
||||
// 图表加载的位置
|
||||
renderTo: containerId,
|
||||
type: 'bar'
|
||||
},
|
||||
title: {
|
||||
text: headTitle
|
||||
},
|
||||
subtitle: {
|
||||
text: subHeadTitle
|
||||
},
|
||||
xAxis: {
|
||||
categories: eval("[" + xValue + "]"),
|
||||
title: {
|
||||
text: '运行个数'
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
min: 0,
|
||||
title: {
|
||||
text: '',
|
||||
align: 'high'
|
||||
},
|
||||
labels: {
|
||||
overflow: 'justify'
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
valueSuffix: ' '
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
dataLabels: {
|
||||
enabled: true
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
layout: 'vertical',
|
||||
align: 'right',
|
||||
verticalAlign: 'top',
|
||||
x: -40,
|
||||
y: 100,
|
||||
floating: true,
|
||||
borderWidth: 1,
|
||||
backgroundColor: '#FFFFFF',
|
||||
shadow:true
|
||||
},
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
series: eval("[" + yValue + "]")
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
function getReportDataByZxt(containerId,headTitle,subHeadTitle,xValue,yValue,text){
|
||||
chart = new Highcharts.Chart({
|
||||
chart: {
|
||||
// 图表加载的位置
|
||||
renderTo: containerId
|
||||
},
|
||||
credits: {
|
||||
enabled: false //不显示LOGO
|
||||
},
|
||||
exporting: { enabled:false },//导出图表去掉
|
||||
title: {
|
||||
text: headTitle,
|
||||
style:{
|
||||
"font-weight": "bold",
|
||||
"font-family": "微软雅黑"
|
||||
},
|
||||
x: -20 //center
|
||||
},
|
||||
subtitle: {
|
||||
text: subHeadTitle,
|
||||
x: -20
|
||||
},
|
||||
xAxis: {
|
||||
categories: eval("[" + xValue + "]"),
|
||||
},
|
||||
yAxis: {
|
||||
title: {
|
||||
text: text
|
||||
},
|
||||
plotLines: [{
|
||||
value: 0,
|
||||
width: 1,
|
||||
color: '#808080'
|
||||
}]
|
||||
},
|
||||
tooltip: {
|
||||
valueSuffix: '个'
|
||||
},
|
||||
legend: {
|
||||
layout: 'vertical',
|
||||
align: 'right',
|
||||
verticalAlign: 'middle',
|
||||
borderWidth: 0
|
||||
},
|
||||
series: eval("[" + yValue + "]")
|
||||
});
|
||||
}
|
||||
function getProcessLogByBar(containerId,headTitle,subHeadTitle,xValue,yValue){
|
||||
chart = new Highcharts.Chart({
|
||||
chart: {
|
||||
// 图表加载的位置
|
||||
renderTo: containerId,
|
||||
type: 'bar'
|
||||
},
|
||||
title: {
|
||||
text: headTitle
|
||||
},
|
||||
subtitle: {
|
||||
text: subHeadTitle
|
||||
},
|
||||
xAxis: {
|
||||
categories: eval("[" + xValue + "]"),
|
||||
|
||||
title: {
|
||||
text: '运行个数'
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
min: 0,
|
||||
title: {
|
||||
text: '',
|
||||
align: 'high'
|
||||
},
|
||||
labels: {
|
||||
overflow: 'justify'
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
valueSuffix: ' '
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
dataLabels: {
|
||||
enabled: true
|
||||
}
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
layout: 'vertical',
|
||||
align: 'right',
|
||||
verticalAlign: 'top',
|
||||
x: -40,
|
||||
y: 100,
|
||||
floating: true,
|
||||
borderWidth: 1,
|
||||
backgroundColor: '#FFFFFF',
|
||||
shadow:true
|
||||
},
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
series: eval("[" + yValue + "]")
|
||||
});
|
||||
}
|
||||
3
ebpm-process-manage/webapp/resource/js/common/raphael.min.js
vendored
Normal file
3
ebpm-process-manage/webapp/resource/js/common/raphael.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user