如何在angular ng2圖表中使用Chart.Tooltip.positioners.cursor？

Question

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

這是js中的工作示例： https : //jsfiddle.net/edicarlos10/35081nag/

我想在我的項目中使用此代碼但找不到，我該如何使用此代碼。

工作示例是通過使用 chart.js 完成的，我想使用 ng2-charts 完成它，您可以在工作示例中看到工具提示在鼠標位置上是可移動的，我想在 angular 項目中實現。

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

Answer 1

您需要從 chart.js 導入 Chart

import { Chart } from "chart.js";

然后你可以在構造函數中使用它

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

並將其放入名為“cursor”的選項中

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