Echarts - On hover axisLabel show Tooltip

Question

Echarts- How to Show tooltip Onhover axislabel, for horizontal and vertical bar echart if axis-label text is too long.

Answer 1

Instead of making mouse hover to trigger a tooltip, I managed to come up with the following similar way for handling this issue. Hope this helps.

option = {
  tooltip: {
    trigger: 'item',
    axisPointer: { type: 'cross' }
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'TuesdayTuesday', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    axisLabel: {
      rotate: 90,
      width: 50,
      ellipsis: '...',
      overflow: 'truncate'
    }
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
};