# External HTML Tooltip

This sample shows how to use the external tooltip functionality to generate an HTML tooltip.

const config = {
  type: 'line',
  data: data,
  options: {
    interaction: {
      mode: 'index',
      intersect: false,
    },
    plugins: {
      title: {
        display: true,
        text: 'Chart.js Line Chart - External Tooltips'
      },
      tooltip: {
        enabled: false,
        position: 'nearest',
        external: externalTooltipHandler
      }
    }
  }
};

# Docs

Last Updated: 2/28/2024, 4:43:58 PM