首页 前端知识 echarts自定义悬浮提示

echarts自定义悬浮提示

2024-09-03 02:09:12 前端知识 前端哥 586 889 我要收藏

 formatter:可用于自定义提示框内容

但不支持异步,如果lineChartData()是异步函数,则提示框显示 promise对象

data() {
  return {
    option: {
      tooltip: {
        tragger: 'axis', // 触发类型,有轴的

        backgroundColor: 'rgb(2,37,84), // 背景颜色
        ... // 可以写一些提示框的样式

        formatter: param => {
           return this.lineChartData(param) // 调用函数(返回了自定义的内容)
        }
        // formatter: 不支持异步
      }
    }
  }
}

methods: {
  lineChartData(param) {
    let data = ''
    if (let i = 0; i < param.length; i++) {
      data += `
        <div>
          斜率:${param[i].data.k}&nbsp;
          方差:${this.variance.filter(item => item.name === param[i].seriesName)[0].variance}<br/>
        </div>
      `
    }
    return data
  }
}

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17586.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!