echart地图上鼠标经过展示数据tooltip

定义一个数据集

  const dataSet = [
    {name: '鹿城区', value: [600, 22, 500]},
    {name: '永嘉县', value: [450, 82, 500]},
    {name: '洞头区', value: [121, 23, 500]},
    {name: '乐清市', value: [110, 83, 500]},
    {name: '瓯海区', value: [120, 29, 500]},
    {name: '龙湾区', value: [174, 28, 500]},
    {name: '瑞安市', value: [520, 78, 500]},
    {name: '文成县', value: [120, 78, 500]},
    {name: '平阳县', value: [160, 27, 500]},
    {name: '龙港市', value: [127, 27, 500]},
    {name: '泰顺县', value: [119, 27, 500]},
    {name: '苍南县', value: [126, 27, 500]},
  ];

在option中导入数据集，并修改展示的数据格式，formatter中可识别部分html标签

tooltip: {
  trigger: 'item',
  formatter: (data) => {
    return `<h3>${data.data.name}</h3><br /> 
            建议数：${data.data.value[0]}<br />
            参与数：${data.data.value[1]}<br />
            活动数：${data.data.value[2]}<br />`;
  },
  data: dataSet,
},