...
类型:客户端 对象:chart 事件:afterRenderer 事件:beforeRenderer
5.复制并根据实际情况修改以下宏代码
代码块 |
---|
function main(chartView) {
//设置需要显示的指标,不填则显示所有数据集中的指标,样式 ['商品名称','销售额'] 不填则为 []
var showFields = [];
var chart = chartView.getChartObject();
var gridData = chartView.getGridData();
console.log(gridData);
var options = chart.getOptions();
var param = gridData.data;
var fields = gridData.fields;
options.tooltip.formatter = function(params,ticket,callback){
var res =params.name;
console.log(params);
for (var i = 0, l = param.length; i < l; i++) {
for(var j=0;j<param[i].length;j++){
//console.log(param[i][j].value);
if((param[i][j].value+"").indexOf(params.name)>-1){
for(m=0,n=param[i].length;m<n;m++){
if(isInArray(showFields,fields[m].alias)){
res += '<br/>' + fields[m].alias + ' : ' + param[i][m].value;
}
} //调整m值的大小可控制鼠标提示显示几个值
break;
}
}
}
return res;
}
}
function isInArray(arr,value){
if(arr===null || arr.length===0){
return true;
}
for(var i = 0; i < arr.length; i++){
if(value === arr[i]){
return true;
}
}
return false;
} |
...
5.效果图如下
示例资源,基于northwind数据库:地图上显示指标值地图鼠标提示显示多个值.xml