HTML5技术

【echarts】 tooltip显示图片 - ~哎呀

字号+ 作者:H5之家 来源:H5之家 2017-10-25 16:19 我要评论( )

tooltip: {trigger: 'item',borderRadius: 8,//边框圆角backgroundColor: 'rgba(51,204,204,0.7)',//背景颜色(此时为默认色)formatter: function(params) {var res=params.name+'br/';var s=myChart.getOption()if(params.name.substring(params.name.leng

 

tooltip: { trigger: 'item', borderRadius: 8,//边框圆角 backgroundColor: 'rgba(51,204,204,0.7)',//背景颜色(此时为默认色) formatter: function(params) { var res=params.name+'<br/>'; var s=myChart.getOption() if(params.name.substring(params.name.length-1)!='市'){ for(var j=0;j<s.series[0].markPoint.data.length;j++){ if(s.series[0].markPoint.data[j].name==params.name){ //图片地址 res+="<img src='"+s.series[0].markPoint.data[j].pic+"'/>"; } } } return res; }, textStyle:{color:'#ffff',align:'center',fontSize: 18,} },

  

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • input type date 解决移动端显示placeholder - Jade_g

    input type date 解决移动端显示placeholder - Jade_g

    2017-09-12 11:06

  • 微信二次分享不显示摘要和图片的解决方法 - Me丶微笑

    微信二次分享不显示摘要和图片的解决方法 - Me丶微笑

    2017-08-17 17:00

  • 前端用Datatables制作包含搜索、自动分页、按列排序、切换显示条数、打印以及多种文件格式保存等功能的Demo -

    前端用Datatables制作包含搜索、自动分页、按列排序、切换显示条数、

    2017-08-10 14:00

  • html5图片上传时IOS和Android均显示摄像头拍照和图片选择 - 出岫无心

    html5图片上传时IOS和Android均显示摄像头拍照和图片选择 - 出岫无心

    2017-07-10 10:00

网友点评
,