echarts 自定义tooltip

要在echarts中自定义tooltip，你可以使用tooltip的formatter属性来配置。首先，你需要编写一个formatter函数来返回自定义的数据。这个函数可以通过参数params来获取需要展示的数据。在params中，你可以使用params[x].data来获取具体的数据值，params[x].name来获取数据名。然后，你可以将这些数据以自定义的格式展示出来，例如将数据名和数据值格式化成一个字符串，并添加其他需要展示的数据。最后，将这个formatter函数赋值给tooltip的formatter属性。这样，在鼠标滑倒图像上时，tooltip就会根据你的配置来展示自定义的数据了。

举个例子，假设你想展示月份和数据值的百分比，并且还想展示一个额外的总数，在formatter函数中可以这样编写：

tooltip: {
formatter(params) {
for (let x in params) {
return (
params[x].name + "月份：" + params[x].data.value + "%" + "<br/>" + "总数：" + params[x].data.data
);
}
},
}

通过这样配置，tooltip就会展示每个数据点的月份和百分比，并且还会显示一个总数的额外信息。

另外，如果你想改变数据的格式，你可以将data属性改为由value和data组成的json串。这样不会影响图形的展示，同时可以更灵活地处理数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>