码上敲享录 > 详细的CSS入门教程 > echarts 悬浮窗tooltip formatter实现name的显示

echarts 悬浮窗tooltip formatter实现name的显示

上一章章节目录下一章 2019-08-20已有3879人阅读 评论(0)
tooltip: {
   show: true,
   snap:true,
   alwaysShowContent: true,
   trigger: 'axis',//item  axis,
   formatter:function (params) {
   var res  = '<pre>';
   for(var i=0;i<params.length;i++){
       res += params[i].data.name+'<br>';
       res += '<span style="display:inline-block;margin-right:5px;border-radius:10px;' +
       'width:10px;height:10px;background-color:'+params[i].color+'"></span>'
       + params[i].seriesName+":"+params[i].value+'</span>\n';
   }
   res += '</pre>';
   return res;
   }
}

前提是后台封装好袭击需要的数据,这里有个技巧。调试看看params这个参数里面的信息









0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交