在使用Echarts制图过程中,遇到需要将各个序列的值进行逐层叠加显示在tooltip中的情况,查找API,是可以通过formatter的标准化函数方法执行一些操作实现的。先上最终效果:
其回调函数形式:
(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string
其中params为tooltip的回调参数,文档说明不如亲眼所见,将其输出看一看:
tooltip : {
formatter:(params)=>{
console.log(params)
}
}
发现它其实是各序列的信息数组,里面我们能用到的则为seriesName以及其value
于是解决这个叠加问题无疑用两层循环即可,直接上代码:
too