关于 echarts 使用 geo 制作地图 tooltip 不显示问题（转）

原文地址

我之前遇到过这问题，单独设置 tooltip 没效果，geo 下面也有 tooltip 属性，但是也不管用，网上查了一下说 geo 不支持 tooltip 提示框显示，就自己根据 echarts 配置项试了试，弄出两种方法

第一种就是 tooltip 全局设置一个，geo 下面 tooltip 在设置一个，两个都设置才管用，单独设置没效果，

代码附上

const option = {
title: {
text: ""
 },
tooltip: {
trigger: "item",
show: true,
formatter: function(params) {
let city = params.name + "市";
let res = "";
sswlist.map(item => {
if (item.properties.name == city) {
res = item.properties.info;
 }
 });
return res;
 },
padding: 2,
textStyle: {
fontSize: 8,
lineHeight: 10,
align: "left"
 }
 },
geo: {
map: "yns",
zlevel: 10,
show: true,
layoutCenter: ["50%", "48%"],
roam: false,
layoutSize: "150%",
zoom: 1,
label: {
normal: {
show: true,
textStyle: {
fontSize: 12,
color: "#43D0D6"
 }
 }
 },
itemStyle: {
normal: {
color: "#062031",
borderWidth: 1.1,
borderColor: "#43D0D6"
 }
 },
emphasis: {
areaColor: "#FFB800",
label: {
show: false
 }
 },
tooltip: {
trigger: "item",
show: true,
formatter: function(params) {
let city = params.name + "市";
let res = "";
sswlist.map(item => {
if (item.properties.name == city) {
res = item.properties.info;
 }
 });
return res;
 },
padding: 2,
textStyle: {
fontSize: 8,
lineHeight: 10,
align: "left"
 }
第二种就是 label  通过更改 label 下的 formatter 属性来实现，formatter 和 tooltip 下的 formatterz 作用一样，如果想让鼠标点击或划过显示的话通过 emphasis 下的 label 实现例如：

折叠

emphasis：{
label:
{formatter:{}
}