¿Cómo puedo usar Chart.Tooltip.positioners.cursor en el gráfico angular ng2?

Oct 12 2020

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

aquí está un ejemplo de trabajo en js: https://jsfiddle.net/edicarlos10/35081nag/

Quiero usar este código en mi proyecto pero no puedo encontrar, ¿cómo puedo usar este código?

el ejemplo de trabajo se realiza usando chart.js y quiero hacerlo usando ng2-charts. Puede ver en el ejemplo de trabajo que la información sobre herramientas se puede mover en la posición del mouse, quiero implementar en el proyecto angular.

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

Respuestas

1 MatejĎurajka Oct 14 2020 at 11:48

necesitas importar Chart desde chart.js

import { Chart } from "chart.js";

entonces puedes usarlo en el constructor

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

y ponerlo en opciones con el nombre 'cursor'

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