echarts折线修改鼠标移动上去的内容

发布时间 2023-06-03 14:40:34作者: 小白字太白
tooltip : {
            trigger: 'axis',
            backgroundColor :'#FFFFFF',
            // textStyle:{
            //     color:'#E5353B ',
            //     fontSize :'16px'
            // },
             formatter: function (params, ticket, callback) {
                var htmlStr = '';
                for(var i=0;i<params.length;i++){
                    var param = params[i];
                    var xName = param.name;//x轴的名称
                    var seriesName = param.seriesName;//图例名称
                    var value = param.value;//y轴值
                    var color = param.color;//图例颜色
                    if(i===0){
                        //  htmlStr += '笔数:' + value + '笔<br/>';
                          htmlStr += '<div style="font-size:16px;color:#E5353B; text-align: center;">笔数:' + value + '笔</div>';
                          htmlStr += '<div style="font-size:12px;color:#9F9F9F; text-align: center;">时间:' + xName + '</div>';
                        //  htmlStr +='时间:' + xName + '<br/>';//x轴的名称
                    }
                    htmlStr +='<div>';
                  
                    htmlStr += '</div>';
               
                     return htmlStr;
                }
          
                },
             
                },
tooltip 中的
formatter属性可以自行编辑,传入的函数返回值为鼠标移动上去的内容,具体更多用法参照官网