提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 |
在散点地图中,使用经度和维度定位数据点的位置,如下:
现需要让地图上显示数据标签,并且标签内容为对应的区域信息,如下:
1.该地图的数据集中,必须包含区域字段,如下:
2.使用以上数据集创建地图,如下:
3.在该地图的扩展属性中,添加以下扩展属性
{
"chartex": {
"allFieldsData": true
}
}
如下:
4.在该地图上新建客户端宏模块
类型:客户端 对象:chart 事件:beforeRender
5.复制并根据实际情况修改以下宏代码
function main(chartView) { var meterReport = chartView.getContext(); var chart = chartView.getChartObject(); var options = chart.getOptions(); var series = options.series[0]; var dataset = series.data; var allFieldsData = options.allFieldsData; //所有数据,请参考https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=22938999 var allData = allFieldsData.data; var flagColumnIndex = 3; //要显示的 那一列数据在数据集中的列序号,从0开始 for (var i = 0; i < dataset.length; i++) { if (!dataset[i].itemStyle) { dataset[i].itemStyle = {}; } dataset[i].itemStyle.normal = { label: { show: true, position: "top", formatter: allData[i][flagColumnIndex].value } } } } |
6.效果图如下