[Solved]-hover mode on Chart.js-Chart.js

for chart version > 3 rename the object tooltips to tooltip and place it inside the plugin object.

options: {
      plugins: {
                 legend: {
                 display: false
                 },
                 tooltip: {
                 mode: 'index',
                 intersect: false
                 }
      },
      hover: {
             mode: 'nearest',
             intersect: false
             }


}

tooltips: {
  mode: 'x-axis'
},

^^ that will bring up the tooltip when you hover over any y-axis position. if you only want it to show up when you hover over a point on a line, use this:

tooltips: {
  mode: 'label'
},

yes, you can use chart.js to configure tooltips to get a similiar behavior to the chart that you referenced.

for more information, check out the mode tooltip config option and hover config options for your needs. here is an example.

options: {
  responsive: true,
  title:{
    display:true,
    text:'chart.js line chart'
  },
  tooltips: {
    mode: 'index',
    intersect: false,
  },
 hover: {
    mode: 'nearest',
    intersect: true
  },
  scales: {
    xaxes: [{
      display: true,
      scalelabel: {
        display: true,
        labelstring: 'month'
      }
    }],
    yaxes: [{
      display: true,
      scalelabel: {
        display: true,
      },
    }]
  }
}

here is a codepen example demonstrating the behavior that matches your example.