这个params中的数据取决于我们series中的数据，也就是这个。

在seriesData中的data我们通常是这样的[123,456,789,147,852,963],这种包含数字的数组，如果想要实现自定义formatter我们就要将data里的数据处理一下写成数组对象的形式，如下：

这个里面的name就是我们需要在tooltip中展示的项了，可以写多个

formatter的代码如下:

 formatter: function (a) {
            let list = []
            let listItem = ''
            for (var i = 0; i < a.length; i++) {
              list.push(
                '<span style="display: inline-block;padding: 5px 0;" >' +
                '<i style="display: inline-block;width: 10px;height: 10px;background: ' +
                a[i].color +
                ';border-radius: 50%;}"></i><span style="width:15px; display:inline-block;">' +
                '</span>设备：' +
                a[i].seriesName +
                '&nbsp&nbsp&nbsp&nbsp分组：' +
                a[i].data.group +
                '&nbsp&nbsp&nbsp&nbsp相线：' +
                a[i].data.phase +
                '&nbsp&nbsp&nbsp&nbsp电流：' +
                a[i].data.value +
                '</span>'
            listItem = list.join('<br/>')
            return '<div style="padding:6px;">' + listItem + '</div>'
                    若想自定义tooltip就要用到formatter，如何实现呢？formatter中的params到底是啥呢？如图所示：打断点看params是这样的。这个params中的数据取决于我们series中的数据，也就是这个。在seriesData中的data我们通常是这样的[123,456,789,147,852,963],这种包含数字的数组，如果想要实现自定义formatter我们就要将data里的数据处理一下写成数组对象的形式，如下：[     { name: "x...
回调函数格式：
(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string
第一个参数params是formatter需要的数据集，格式如下：
  componentType: 'series',
  // 系列类型
  seriesType: string,
  // 系列在传入的 option.series 中的 in...
				
用echarts折线图的时候，hover数据点的样式是默认，但是有的时候显示的样式和自己理想的样式有区别的时候，我们就需要自己更改样式，来满足自己的需求，呢要怎么进行更改呢，官方文档说明可以在tooltip的formatter方法里面进行定义，下面我们来看一下：
hover数据点的默认样式是这样的：
因为时间段比较长的时候，他只会显示年份，月份和日份，但是我如果需要加上每段数据的具体时间，也就是精确到几点几分，这个时候会怎么办呢？我们就可以在tooltip的formatter里面进行自定义，手动添加一些我
var trend = document.getElementById('fachetrend')
var trenddata = [['06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00'],
[5, 40, 30, 40, 20, 28, 32, 22, 18, 30, 33, 30]]
function t
折线（区域）图、柱状（条形）图、K线图 :{a}（系列名称），{b}（类目值），{c}（数值）,{d}（无）
散点图（气泡）图 :{a}（系列名称），{b}（数据名称），{c}（数值数组）,{d}（无）
地图 :{a}（系列名称），{b}（区域名称），{c...
                    CSDN-Ada助手: 
                    非常感谢博主分享这篇关于vue切换路由回到顶部或者指定位置的博客，内容非常实用，解决了我在项目中遇到的问题。博主的知识水平和经验让我非常佩服，希望博主能再次创作出更多优秀的博客，让我们能够学习到更多的知识。在此，我也向博主表达我最诚挚的谢意和敬意！
为了方便博主创作，提高生产力，CSDN上线了AI写作助手功能，就在创作编辑器右侧哦～（https://mp.csdn.net/edit?utm_source=blog_comment_recall ）诚邀您来加入测评，到此（https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall）发布测评文章即可获得「话题勋章」，同时还有机会拿定制奖牌。
                echarts折线图tooltip自定义formatter
                    小仓鼠改bug: 
                    不错，挺好的
                uni-app 组件修改样式不生效解决办法
                    Adasunshine: 
                    规定是这样 增加权重（优先级）
                uni-app 组件修改样式不生效解决办法
                    qq_18154987: 
                    对啊，为什么加了/deep/就可以了？
                vue3封装icon图标组件
                    前端@小白: