Chart.js

# Point Style

This sample shows how to use the dataset point style in the tooltip instead of a rectangle to identify each dataset.

const config = {
  type: 'line',
  data: data,
  options: {
    interaction: {
      mode: 'index',
    },
    plugins: {
      title: {
        display: true,
        text: (ctx) => 'Tooltip point style: ' + ctx.chart.options.plugins.tooltip.usePointStyle,
      },
      tooltip: {
        usePointStyle: true,
      }
    }
  }
};

# Docs

Last Updated: 12/1/2024, 4:35:13 PM

← Position →