修改计费点图形鼠标指向提示文字

This commit is contained in:
罗松柏 2022-01-15 09:34:52 +08:00
parent 765fc3a05b
commit 2e7ed71068
4 changed files with 96 additions and 8 deletions

52
web/src/x.min.js vendored
View File

@ -914,7 +914,9 @@ var X = window.X || {
wowtype:wowtype, wowtype:wowtype,
wow: Math.abs(data[0]['wow']),//环比 wow: Math.abs(data[0]['wow']),//环比
chain_ratio: Math.abs(data[0]['chain_ratio']),//同比 chain_ratio: Math.abs(data[0]['chain_ratio']),//同比
chain_ratiotype:chain_ratiotype chain_ratiotype:chain_ratiotype,
proid_money: data[0]['proid_money'],
proid_name: data[0]['proid_name']
} }
console.log(dataArr); console.log(dataArr);
callback && callback(dataArr); callback && callback(dataArr);
@ -4481,12 +4483,11 @@ var X = window.X || {
// 计算 // 计算
$(document).off('click','.analysis-calculation').on('click','.analysis-calculation',function(){ $(document).off('click','.analysis-calculation').on('click','.analysis-calculation',function(){
calculationdata(); calculationdata();
}); });
var querydata;//查询数据 var querydata;//查询数据
$(document).on('click','.analtsis-chart-switch-box .analtsis-chart-switch',function(){ $(document).on('click','.analtsis-chart-switch-box .analtsis-chart-switch',function(){
console.log(querydata);
if(querydata){ if(querydata){
$('.analtsis-chart-switch-box .analtsis-chart-switch').removeClass('select-chart'); $('.analtsis-chart-switch-box .analtsis-chart-switch').removeClass('select-chart');
$(this).addClass('select-chart'); $(this).addClass('select-chart');
@ -4545,6 +4546,21 @@ var X = window.X || {
label: { label: {
backgroundColor: '#6a7985' backgroundColor: '#6a7985'
} }
},
formatter:function(params){
var axisIndex = params[0]['axisIndex'];
if(d[axisIndex]['proid_name'] && d[axisIndex]['proid_name'].length > 0){
var index = params[0]['dataIndex'];
var money = d[axisIndex]['proid_money'][index];
var name = d[axisIndex]['proid_name'][index];
var html = name+'<br/>'+'次数:'+ params[axisIndex]['data']+"<br/>"+'总金额:'+money;
}else {
var html = params[0]['axisValue']+'<br/>';
for(let i in params){
html+= params[i]['seriesName']+':'+ params[i]['value']+"<br/>"
}
}
return html;
} }
}, },
legend: { legend: {
@ -6108,6 +6124,7 @@ var X = window.X || {
} }
var report_id = []; var report_id = [];
report_id.push(id); report_id.push(id);
X.api('report/read_report','post',{project_id:X.DATA['projectid'],report_id:report_id,dashboard_id:X.DATA.dashboard_id},function(q){ X.api('report/read_report','post',{project_id:X.DATA['projectid'],report_id:report_id,dashboard_id:X.DATA.dashboard_id},function(q){
var bbsetdata = { var bbsetdata = {
graph_size:modelsize, graph_size:modelsize,
@ -6460,6 +6477,11 @@ var X = window.X || {
var timearr = time.split(" "); var timearr = time.split(" ");
query['eventView']['startTime'] = timearr[0] + ' 00:00:00'; query['eventView']['startTime'] = timearr[0] + ' 00:00:00';
query['eventView']['endTime'] = timearr[2] + ' 23:59:59'; query['eventView']['endTime'] = timearr[2] + ' 23:59:59';
for(let i in X.DATA['screenlist']){
if(X.DATA['screenlist'][i]['id'] == id){
query['eventView']['filts'] = X.DATA['screenlist'][i]['filts']
}
}
// console.log(query); // console.log(query);
X.modelapi("ck/"+ cat +"_model","post",query,function(vals){ X.modelapi("ck/"+ cat +"_model","post",query,function(vals){
var bbsetdata = { var bbsetdata = {
@ -6529,7 +6551,7 @@ var X = window.X || {
name:$(this).attr('data-name'), name:$(this).attr('data-name'),
} }
X.DATA.oclickarr =arr; X.DATA.oclickarr =arr;
$("#sxjg"+$(this).attr('data-id')).hide(); // $("#sxjg"+$(this).attr('data-id')).hide();
}); });
//更多按钮配置下拉框 //更多按钮配置下拉框
@ -7057,6 +7079,11 @@ var X = window.X || {
query['eventView']['timeParticleSize'] = timeParticleSize; query['eventView']['timeParticleSize'] = timeParticleSize;
} }
// query['eventView']['timeParticleSize'] = timeParticleSize; // query['eventView']['timeParticleSize'] = timeParticleSize;
for(let i in X.DATA['screenlist']){
if(X.DATA['screenlist'][i]['id'] == oclickarr.id){
query['eventView']['filts'] = X.DATA['screenlist'][i]['filts']
}
}
X.api("ck/"+ oclickarr.cat +"_model","post",query,function(val){ X.api("ck/"+ oclickarr.cat +"_model","post",query,function(val){
if(JSON.stringify(val) != "{}" && JSON.stringify(val) != "[]"){ if(JSON.stringify(val) != "{}" && JSON.stringify(val) != "[]"){
var bbsetdata = { var bbsetdata = {
@ -7142,6 +7169,23 @@ var X = window.X || {
label: { label: {
backgroundColor: '#6a7985' backgroundColor: '#6a7985'
} }
},
formatter:function(params){
//鼠标移入图表自定义显示内容
var axisIndex = params[0]['axisIndex'];
if(eventdata['proid_name'] && eventdata['proid_name'].length > 0){
var index = params[0]['dataIndex'];
var money = eventdata['proid_money'][index];
var name = eventdata['proid_name'][index];
var html = name+'<br/>'+'次数:'+ params[axisIndex]['data']+"<br/>"+'总金额:'+money;
}else {
var html = params[0]['axisValue']+'<br/>';
for(let i in params){
html+= params[i]['seriesName']+':'+ params[i]['value']+"<br/>"
}
}
return html;
} }
}, },
legend: { legend: {

View File

@ -913,7 +913,9 @@ var X = window.X || {
wowtype:wowtype, wowtype:wowtype,
wow: Math.abs(data[0]['wow']),//环比 wow: Math.abs(data[0]['wow']),//环比
chain_ratio: Math.abs(data[0]['chain_ratio']),//同比 chain_ratio: Math.abs(data[0]['chain_ratio']),//同比
chain_ratiotype:chain_ratiotype chain_ratiotype:chain_ratiotype,
proid_money: data[0]['proid_money'],
proid_name: data[0]['proid_name']
} }
console.log(dataArr); console.log(dataArr);
callback && callback(dataArr); callback && callback(dataArr);

View File

@ -876,12 +876,11 @@
// 计算 // 计算
$(document).off('click','.analysis-calculation').on('click','.analysis-calculation',function(){ $(document).off('click','.analysis-calculation').on('click','.analysis-calculation',function(){
calculationdata(); calculationdata();
}); });
var querydata;//查询数据 var querydata;//查询数据
$(document).on('click','.analtsis-chart-switch-box .analtsis-chart-switch',function(){ $(document).on('click','.analtsis-chart-switch-box .analtsis-chart-switch',function(){
console.log(querydata);
if(querydata){ if(querydata){
$('.analtsis-chart-switch-box .analtsis-chart-switch').removeClass('select-chart'); $('.analtsis-chart-switch-box .analtsis-chart-switch').removeClass('select-chart');
$(this).addClass('select-chart'); $(this).addClass('select-chart');
@ -940,6 +939,21 @@
label: { label: {
backgroundColor: '#6a7985' backgroundColor: '#6a7985'
} }
},
formatter:function(params){
var axisIndex = params[0]['axisIndex'];
if(d[axisIndex]['proid_name'] && d[axisIndex]['proid_name'].length > 0){
var index = params[0]['dataIndex'];
var money = d[axisIndex]['proid_money'][index];
var name = d[axisIndex]['proid_name'][index];
var html = name+'<br/>'+'次数:'+ params[axisIndex]['data']+"<br/>"+'总金额:'+money;
}else {
var html = params[0]['axisValue']+'<br/>';
for(let i in params){
html+= params[i]['seriesName']+':'+ params[i]['value']+"<br/>"
}
}
return html;
} }
}, },
legend: { legend: {

View File

@ -246,6 +246,7 @@
} }
var report_id = []; var report_id = [];
report_id.push(id); report_id.push(id);
X.api('report/read_report','post',{project_id:X.DATA['projectid'],report_id:report_id,dashboard_id:X.DATA.dashboard_id},function(q){ X.api('report/read_report','post',{project_id:X.DATA['projectid'],report_id:report_id,dashboard_id:X.DATA.dashboard_id},function(q){
var bbsetdata = { var bbsetdata = {
graph_size:modelsize, graph_size:modelsize,
@ -598,6 +599,11 @@
var timearr = time.split(" "); var timearr = time.split(" ");
query['eventView']['startTime'] = timearr[0] + ' 00:00:00'; query['eventView']['startTime'] = timearr[0] + ' 00:00:00';
query['eventView']['endTime'] = timearr[2] + ' 23:59:59'; query['eventView']['endTime'] = timearr[2] + ' 23:59:59';
for(let i in X.DATA['screenlist']){
if(X.DATA['screenlist'][i]['id'] == id){
query['eventView']['filts'] = X.DATA['screenlist'][i]['filts']
}
}
// console.log(query); // console.log(query);
X.modelapi("ck/"+ cat +"_model","post",query,function(vals){ X.modelapi("ck/"+ cat +"_model","post",query,function(vals){
var bbsetdata = { var bbsetdata = {
@ -667,7 +673,7 @@
name:$(this).attr('data-name'), name:$(this).attr('data-name'),
} }
X.DATA.oclickarr =arr; X.DATA.oclickarr =arr;
$("#sxjg"+$(this).attr('data-id')).hide(); // $("#sxjg"+$(this).attr('data-id')).hide();
}); });
//更多按钮配置下拉框 //更多按钮配置下拉框
@ -1195,6 +1201,11 @@
query['eventView']['timeParticleSize'] = timeParticleSize; query['eventView']['timeParticleSize'] = timeParticleSize;
} }
// query['eventView']['timeParticleSize'] = timeParticleSize; // query['eventView']['timeParticleSize'] = timeParticleSize;
for(let i in X.DATA['screenlist']){
if(X.DATA['screenlist'][i]['id'] == oclickarr.id){
query['eventView']['filts'] = X.DATA['screenlist'][i]['filts']
}
}
X.api("ck/"+ oclickarr.cat +"_model","post",query,function(val){ X.api("ck/"+ oclickarr.cat +"_model","post",query,function(val){
if(JSON.stringify(val) != "{}" && JSON.stringify(val) != "[]"){ if(JSON.stringify(val) != "{}" && JSON.stringify(val) != "[]"){
var bbsetdata = { var bbsetdata = {
@ -1280,6 +1291,23 @@
label: { label: {
backgroundColor: '#6a7985' backgroundColor: '#6a7985'
} }
},
formatter:function(params){
//鼠标移入图表自定义显示内容
var axisIndex = params[0]['axisIndex'];
if(eventdata['proid_name'] && eventdata['proid_name'].length > 0){
var index = params[0]['dataIndex'];
var money = eventdata['proid_money'][index];
var name = eventdata['proid_name'][index];
var html = name+'<br/>'+'次数:'+ params[axisIndex]['data']+"<br/>"+'总金额:'+money;
}else {
var html = params[0]['axisValue']+'<br/>';
for(let i in params){
html+= params[i]['seriesName']+':'+ params[i]['value']+"<br/>"
}
}
return html;
} }
}, },
legend: { legend: {