¿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'
}
};