历史版本5 :地图自定义标签位置 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

我们在日常使用地图过程中,通常会遇到地图标签,提示点等显示不满足我们的需求,需要进行js代码编写。

例如:在使用地图过程中,我们会发现“内蒙古、黑龙江等”地名显示的位置偏离。这时候我们都需要使用js进行调控。
222

2. 示例编辑

2.1 自定义js显示标签提示

选中图表,在右侧图表属性表中选择图表属性表-样式>标签,内容选择自定义,js如下:
222

function(){ var points = this.points; var total = '<div style="width:100%;height:100%;">'; if(this.name=="内蒙古自治区") {total += '<div align=center style="margin-top:30px"> <span style="font-size:25px; color:'+FR.contentFormat(points[1].value, '')+'">' +FR.contentFormat(points[2].value, '#0.00')+'</span>'+this.name+'</div>';} else if(this.name=="黑龙江省"){total += '<div align=center style="margin-top:100px;"> <span style="font-size:25px; color:'+FR.contentFormat(points[1].value, '')+'">'+ FR.contentFormat(points[2].value, '#0.00')+'</span>'+this.name+'</div>';} else{total += '<div align=center ><span style="font-size:25px; color:'+FR.contentFormat(points[1].value, '')+'">'+FR.contentFormat(points[2].value, '#0.00')+'</span>'+this.name+'</div>';} for(var i = 0, len = points.length-2; i < len; i++) {total += ('<div align=center>'+FR.contentFormat(points[i].value, '#0.00')+'</div>'); } total+='</div>'; return total;}

注: this.points这个参数在地图中使用时表示同一个区域上的不同的系列的点

2.2 自定义提示点js

选中图表,在右侧图表属性表中选择图表属性表-样式>提示,内容选择自定义,js如下:
222

function(){var points = this.points ; var total = '<div style="width:100%; background-color:#808080;color:white">'; total +='<div align=left style="font-size:16px">'+this.name+'</div>'; for(var i = 0, len = points.length-1; i < len; i++) {total +='<div align=left style="font-size:13px">●'+points[i].seriesName+':'+FR.contentFormat(points[i].value, '')+'</div>';} return total;}

3. 保存与预览

调整后的效果如下:

222