echarts map 地图 type: 'scatter', label里面的formatter 在里面如何添加div 之后自定义样式

在ECharts的地图组件中，当使用`type: 'scatter'`展示散点图，并设置了`label`属性用于显示标签时，如果你想在标签 formatter 中嵌入 HTML 元素并应用自定义样式，你可以通过JavaScript模板字符串的方式实现。 formatter 部分通常是一个函数，接收当前数据项作为参数，返回HTML字符串。

下面是一个示例，假设你想在每个标签里添加一个带样式的 `div`：

option = {
    map: 'your_map_name', // 替换为你的地图名称
    series: [{
        name: 'Scatter Data',
        type: 'scatter',
        data: your_data, // 替换为实际的数据
        label: {
            show: true,
            position: 'right', // 标签位置
            formatter: function (params) { // 这里是 formatter 函数
                return `<div style="background-color: red; padding: 5px; color: white;">Label Content: ${params.name}</div>`;
            }
        }
    }]
};

在这个例子中，`style` 属性用于定义 `div` 的样式，如背景颜色、内边距等。`params.name` 是从数据项中获取的值，可以根据需要替换。