echarts自定义悬浮提示

 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 += `
        
斜率:${param[i].data.k}  方差:${this.variance.filter(item => item.name === param[i].seriesName)[0].variance}
` } return data } }

你可能感兴趣的:(echarts,前端,javascript)