geo: {
label: {
show: true, // 是否显示文本标签，默认为 true
emphasis: {
show: true, // 高亮时是否显示，默认为 true
},
distance: 5, // 文本标签与图形元素的距离，默认为 5
offset: [10, 10], // 文本标签的偏移量，数组的第一个元素是横向偏移，第二个元素是纵向偏移，默认为 [0, 0]
rotate: 45, // 文本标签的旋转角度，默认为 0，表示不旋转
fontSize: 12, // 文本标签的字体大小，默认为 12
color: '#000', // 文本标签的颜色，默认为 '#000'
fontFamily: 'Arial', // 文本标签的字体系列，默认为 'Arial'
formatter: '{b}', // 文本标签的内容格式器，支持字符串模板和回调函数，默认为 '{b}'，表示显示区域名称
}
}
上述配置选项中，show 控制是否显示文本标签，distance 控制文本标签与图形元素的距离，offset 控制文本标签的偏移量，rotate 控制文本标签的旋转角度，fontSize 控制字体大小，color 控制字体颜色，fontFamily 控制字体系列，formatter 控制文本标签的内容格式器。
在 formatter 中，可以使用字符串模板或回调函数来自定义文本标签的内容。例如，'{b}' 表示显示区域名称，'{c}' 表示显示数据值等。
下面是一个简单的示例，演示如何配置 geo 组件的文本标签：
geo: {
label: {
show: true,
emphasis: {
show: true,
color: '#FF0000',
},
distance: 10,
offset: [0, 10],
rotate: 30,
fontSize: 14,
color: '#333',
fontFamily: 'Arial',
formatter: function (params) {
return 'Custom Label: ' + params.name;
}
}
}
以上示例中，文本标签在默认状态下显示区域名称，高亮状态下颜色变为红色，并且通过自定义的格式化函数添加了额外的信息。你可以根据实际需求进行配置。
转载请注明出处：http://www.zyzy.cn/article/detail/5335/ECharts