echart的fomatter里面加上鼠标移动悬浮事件

在ECharts中，可以通过formatter属性为图表的tooltip设置样式和格式化内容，在这个过程中也可以添加鼠标移动悬浮事件。具体步骤如下：

1. 首先，在创建图表时定义tooltip的formatter属性，并为其赋予一个函数，该函数负责定义tooltip的样式和格式化内容。例如：

tooltip: {
    formatter: function(params) {
        // 在这里可以定义tooltip的样式和格式化内容
        // 返回的字符串将作为tooltip的内容显示
        return params.name + ': ' + params.value;
    }
}

2. 在formatter函数中，通过添加适当的HTML和CSS代码，可以自定义tooltip的样式。例如：

formatter: function(params) {
    var tooltip = '<div style="background-color: #fff; padding: 10px;">';
    tooltip += '<p><strong>' + params.name + '</strong></p>';
    tooltip += '<p>' + params.value + '</p>';
    tooltip += '</div>';
    return tooltip;
}

3. 接下来，为图表添加鼠标移动悬浮事件。可以通过ECharts提供的on方法来实现，该方法接受两个参数：事件名称和回调函数。例如：

myChart.on('mouseover', function(params) {
    // 鼠标移动悬浮事件的回调函数
    console.log(params);
});

通过上述步骤，您可以在ECharts中的formatter里面加上鼠标移动悬浮事件。根据实际需求，您可以根据相关参数进行进一步操作，例如更新其他图表、显示详情等。