echarts的formatter设置

Echarts的formatter设置是用来修改鼠标悬浮事件信息的操作。通过设置formatter属性，可以自定义鼠标悬浮在图表元素上时显示的内容。可以通过字符串模板或函数模板来实现。

在字符串模板中，可以使用一些预定义的变量来表示不同的数据，比如{b0}表示x轴的名称，{c0}表示对应数据的值。示例代码如下：
formatter: '{b0}: {c0}<br />{b1}: {c1}'

在函数模板中，可以通过编写一个函数来自定义鼠标悬浮事件信息的显示内容。函数的参数包括params和ticket，其中params是一个对象，包含了一些关于当前鼠标悬浮位置的信息，比如名称、数值等。可以通过操作params对象来生成需要显示的内容。示例代码如下：
formatter: function(params, ticket, callback) {
return params.name + ': ' + params.value + ' kg';
}

通过这样的设置，我们可以根据需求自定义鼠标悬浮事件信息的显示内容，使其更符合我们的需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [echarts 使用formatter 修改鼠标悬浮事件信息操作](https://download.csdn.net/download/weixin_38649657/12924977)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [ECharts formatter属性设置3种方式（字符串模板，函数模板，回调函数）](https://blog.csdn.net/qq_38974638/article/details/108986033)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]