Echarts tooltip formatter函数使用

tooltip

实现如上默认的tooltip样式,tooltip配置部分代码如下:

tooltip: {
    trigger: 'axis',
        axisPointer: {            // 坐标轴指示器,坐标轴触发有效
        type: 'line'        // 默认为直线,可选为:'line' | 'shadow'
    },
    formatter: (params) => {
        let list = []
        let listItem = ''
        let axisValueLabel = params[0].axisValueLabel
        for (let i = 0; i < params.length; i++) {
            list.push(
                '' +
                '' +
                params[i].seriesName +
                '  ' +
                params[i].data +
                ''
            )
        }
        listItem = list.join('
') return axisValueLabel + '
' + listItem } }

具体想获取的数据在params中查找,每次弹出tooltip都会触发一次formatter回调函数

你可能感兴趣的:(Echarts tooltip formatter函数使用)