echarts

一、tooltip

1.超出div的部分被遮挡,添加属性calculable

 calculable : true,

2.tooltip框自定义样式

 extraCssText: 'font-size:14px;line-height:24px;color:#567;background:#fff;box-shadow:0 0 3px rgba(0, 0, 0, 0.2);',

3.tooltip框自定义内容

formatter: function(params) {
     let html = ''
     params.forEach(v => {
        html += `<div><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#0090FF;"></span>${v.seriesName}<span style="color:#0090FF;font-size:18px;font-weight:700">${v.value}</span>条`
        })
    return html
  }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因为在项目开发中主要使用Echarts来做可视化图表,本文主要收集汇总一些Echarts使用中的问题解决小集。 t...
    双面小Q阅读 7,799评论 0 3
  • Can't get dom width or height echarts解决方案 var mainContain...
    飞豹豹豹豹豹阅读 5,529评论 0 0
  • 目录内容2.1 formatter各种标签自定义显示方式2.2 tooltip自定义提示框的内容2.3 引入两个不...
    小揪帽阅读 3,570评论 0 0
  • Echarts总结 简介:js图标库,可以兼容在pc和移动端。Echarts底层使用canvas实现,支持多图表、...
    窝头咸菜阅读 12,532评论 0 4
  • 最近在实习期间,接手了一个数据搜索项目,需要我从后台调取数据,并将之用折线图直方图显示出来,并且可以将多组数据绘制...
    南客nk阅读 12,466评论 3 21