代码拉取完成,页面将自动刷新
大屏展示后台数据接口
接口是基于大数据中台提供API服务,数据库用的是mysql
在系统中的数据中心模块的 报表属性和值 表单中导入标题数据;(如数据敏感,可联系作者提供saas接口)
在系统中的数据中心模块的 图表字段分类 表单中导入数据;(如数据敏感,可联系作者提供saas接口)
调用接口获取标题数据
var url = "http://qxsdcloud.com:18082/cmds/api";
var params = {"ApiCode":"zhcs_tymb_bt", "param":"{'yijifenlei':'智慧城市','erjifenlei':'通用模板展示'}"};
$.ajax({
url:url,
data:JSON.stringify(params),
type:"post",
success:function (resultData) {
//成功后的回调函数
if(resultData.resultCode=='200'){
var i =resultData.rows.length;
var id=null;
for(var j=0;j<i;j++){
var value=resultData.rows[j].ziduanmingcheng;//值
var text=resultData.rows[j].beizhu1;//大标题、左一标题。。。
var text2=resultData.rows[j].beizhu2;//字段属性、标题
if(text=='大标题' ){
title=value;
id="title";
document.getElementById(id).innerHTML=value;
}else if(text=='左一标题' ){
left1_title=value;
id="left1_title";
document.getElementById(id).innerHTML=value;
}else if(text=='左二标题' ){
left2_title=value;
id="left2_title";
document.getElementById(id).innerHTML=value;
}
}
console.log(resultData);
}
},
dataType:"json",
contentType: 'application/json;charset=UTF-8'
});
调用接口获取统计数据
var params = {"ApiCode":"zhcs_tymb_bt2", "param":"{'yijifenlei':'智慧城市','erjifenlei':'通用模板展示'}"};
$.ajax({
url:url,
data:JSON.stringify(params),
type:"post",
success:function (resultData) {
//成功后的回调函数
if(resultData.resultCode=='200'){
var i =resultData.rows.length;
var id=null;
for(var j=0;j<i;j++){
var text=resultData.rows[j].beizhu1;//图表类型位置
var filed=resultData.rows[j].shuxing;//属性
var value=resultData.rows[j].num;//值
if(text=='左一图表' ){
left1_field.push(filed);
left1_field_data.push(value);
}else if(text=='左二图表' ){
left2_field.push(filed);
left2_field_data.push(value);
}
}
echarts_1();
echarts_2();
console.log(left1_field);
console.log(left1_field_data);
}
},
dataType:"json",
contentType: 'application/json;charset=UTF-8'
});
5、效果图
持续更新中,还请关注公众号第一时间获取最新动态
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。