Como posso usar Chart.Tooltip.positioners.cursor no gráfico angular ng2?

Question

https://stackblitz.com/edit/ng2-chart-example

aqui está um exemplo de trabalho em js: https://jsfiddle.net/edicarlos10/35081nag/

Quero usar este código em meu projeto, mas não consigo encontrar como posso usar esse código.

o exemplo de trabalho é feito usando chart.js e eu quero fazê-lo usando gráficos ng2. Você pode ver no exemplo de trabalho que a dica de ferramenta pode ser movida na posição do mouse, quero implementar no projeto angular.

Chart.Tooltip.positioners.cursor = function(chartElements, coordinates) {
      return coordinates;
    };

Answer 1

você precisa importar o gráfico de chart.js

import { Chart } from "chart.js";

então você pode usá-lo no construtor

  constructor() {
    Chart.Tooltip.positioners.cursor = (chartElements, coordinates) => {
      return coordinates;
    };
  }

e colocá-lo em opções com o nome 'cursor'

lineChartOptions: any = {
    tooltips: {
      intersect: false,
      position: 'cursor',
      mode: 'index'
    }
  };