1.悬浮默认数据

在echarts中,有时我们需要绑定一些自定义数据,然后在悬浮的时候,进行实现处理,如何实现了? 在ehcarts中,tooltip时,悬浮提示的是y轴对应的数据,如下所示 1.png 对应代码如下:

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  tooltip: {
    trigger: 'item'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};

2.悬浮自定义数据

2.png 对应代码如下:

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  tooltip: {
    trigger: 'item',
    formatter: params => {
      // console.log('params', params)
      return `${params.data.msg}`
    }
  },
  series: [
    {
      // data: [150, 230, 224, 218, 135, 147, 260],
      data: [{
        value: 150,
        msg: 'aaa'
      }, {
        value: 200,
        msg: '好好学习'
      }],
      type: 'line'
    }
  ]
};