Browse Source

新增doc开发文档,简化液位图label显示格式

master
谕仙 2 years ago
parent
commit
23b787031e
  1. 12
      lpro/src/main/webapp/page/visual/index.html
  2. 32
      lpro/src/main/webapp/page/visual/js/cfg.js
  3. BIN
      开发文档/开发辅助文档.docx

12
lpro/src/main/webapp/page/visual/index.html

@ -1848,7 +1848,7 @@
// 写入元素属性 // 写入元素属性
cl.attr("max" , this.chartMax ) ; cl.attr("max" , this.chartMax ) ;
// @新增 更新label 显示设置 // @新增 更新label 显示设置
updateChartsOption(); // updateChartsOption();
}, },
changeChartColumn(){ changeChartColumn(){
// 增加边框 // 增加边框
@ -1858,11 +1858,11 @@
var cid = cl.attr("cid") ; var cid = cl.attr("cid") ;
var optnj = eval("("+ cl.children(".chartStyle").attr("option") +")"); var optnj = eval("("+ cl.children(".chartStyle").attr("option") +")");
// @新增 格式化lable 显示属性 // @新增 格式化lable 显示属性
optnj.series[0].label.formatter=function(param){ // optnj.series[0].label.formatter=function(param){
return param.seriesName + '\n' // return param.seriesName + '\n'
+ param.name + '\n' // + param.name + '\n'
+ max +'单位/'+ param.value*max +'单位('+param.value*100+'%)'; // + max +'单位/'+ param.value*max +'单位('+param.value*100+'%)';
}; // };
if(this.columnVal == 0){ if(this.columnVal == 0){
optnj.series[0].outline.show = false ; optnj.series[0].outline.show = false ;
}else if(this.columnVal == 1){ }else if(this.columnVal == 1){

32
lpro/src/main/webapp/page/visual/js/cfg.js

@ -868,13 +868,13 @@ function initSensorLiquidChart(){
} }
}, },
label:{ label:{
formatter:function(param){ // formatter:function(param){
// @修订 // // @修订
// param.seriesName + '\n'+ param.name + '\n'+ max +'单位/'+ xn +'单位('+param.value*100+'%)'; // // param.seriesName + '\n'+ param.name + '\n'+ max +'单位/'+ xn +'单位('+param.value*100+'%)';
return param.seriesName + '\n' // return param.seriesName + '\n'
+ param.name + '\n' // + param.name + '\n'
+ max +'单位/'+ param.value*max +'单位('+param.value*100+'%)'; // + max +'单位/'+ param.value*max +'单位('+param.value*100+'%)';
}, // },
fontSize:siz, fontSize:siz,
}, },
backgroundStyle://内图背景色边 backgroundStyle://内图背景色边
@ -939,8 +939,8 @@ function disableLiquidFillAnimation(nodeId){
function updateChartsOption(propertyName,value){ function updateChartsOption(propertyName,value){
// 当前地图容器 // 当前地图容器
var current_edit_obj = cfg.current_edit_obj; var current_edit_obj = cfg.current_edit_obj;
let max=current_edit_obj.attr("max"); // let max=current_edit_obj.attr("max");
max=max?max:1000; // max=max?max:1000;
// 当前地图数据节点 // 当前地图数据节点
const optionNode=current_edit_obj.children()[0]; const optionNode=current_edit_obj.children()[0];
// 获取数据属性 // 获取数据属性
@ -955,11 +955,11 @@ function updateChartsOption(propertyName,value){
// 写入属性 // 写入属性
optionNode.setAttribute("option",JSON.stringify(option)); optionNode.setAttribute("option",JSON.stringify(option));
// 设置lable显示格式 // 设置lable显示格式
option.series[0].label.formatter=function(param){ // option.series[0].label.formatter=function(param){
return param.seriesName + '\n' // return param.seriesName + '\n'
+ param.name + '\n' // + param.name + '\n'
+ max +'单位/'+ param.value*max +'单位('+param.value*100+'%)'; // + max +'单位/'+ param.value*max +'单位('+param.value*100+'%)';
}; // };
// 更新地图 // 更新地图
chart.setOption(option); chart.setOption(option);
} }
@ -1264,6 +1264,10 @@ function resetNodeData(id,type){
} else if(cid == "3"){ //仪表盘 } else if(cid == "3"){ //仪表盘
initSensorDashChart(); initSensorDashChart();
} else if(cid == "4"){ //液位图 } else if(cid == "4"){ //液位图
// 液位图绑定数据 不进行初始化数据
if(id!=null){
return;;
}
initSensorLiquidChart(); initSensorLiquidChart();
} }
} else if(nid=="6"){ //地图 } else if(nid=="6"){ //地图

BIN
开发文档/开发辅助文档.docx

Binary file not shown.
Loading…
Cancel
Save