echarts地图热力图tooltip怎么设置

ECharts的地图热力图（heatmap）的 tooltip 设置主要是为了在用户鼠标悬停在地图上特定位置时，显示相应的数据信息。你可以通过`tooltip`配置项来进行定制。以下是一些关键设置：

1. **启用 tooltip**：
首先，在创建地图热力图时开启 `show: true`：

   var option = {
     series: [{
       type: 'heatmap',
       show: true, // 启用 tooltip
       //...
     }]
   };

2. **内容格式**：
定义 `formatter` 函数，可以自定义数据显示格式，例如：

   formatter: function (params) {
     return '<div style="text-align:center"><span style="color:#fff;">' + params.name + '</span><br/>' +
           '值：' + params.value + '</div>';
   }

这里 `params.name` 和 `params.value` 分别代表地理位置名和数值。

3. **样式调整**：
可以修改 `backgroundColor`、`borderColor` 等属性调整提示框的外观。例如：

   tooltip: {
     backgroundColor: 'rgba(0, 0, 0, 0.7)', // 背景颜色
     borderColor: '#333', // 边框颜色
     //...
   }

4. **其它选项**：
- `trigger`: 设置触发条件，默认为 `'item'` 表示当鼠标移动到地图上的某个点时显示。
- `position`: 设置提示框的位置策略，默认为 `'middle'`，也可以根据需要设置。

完整例子：

var option = {
  series: [{
    type: 'heatmap',
    name: '热力图',
    data: ...,
    mapType: '中国',
    roam: false, // 缩放和平移范围
    tooltip: {
      trigger: 'item',
      formatter: function (params) {
        return '<div style="text-align:center"><span style="color:#fff;">' + params.name + '</span><br/>' +
              '值：' + params.value + '</div>';
      },
      backgroundColor: 'rgba(0, 0, 0, 0.7)',
      borderColor: '#333'
    },
    // 其他配置项...
  }]
};