Angular Ng2图表十字线插件在角度上不工作

我正在尝试在Angular 5应用程序中使用ng2图表的十字线插件。我需要使用十字线来插值点。这是我在文档中找到的演示：。 在文档中，它说插件将允许我们使用工具提示模式为“插值”。但它不起作用

我通过NPM安装了插件，并将其导入到我的应用程序中。然后我添加了插件选项。但是插件没有出现。该应用程序称模块“chartjs插件十字线”缺失。在谷歌搜索了一天之后，找不到任何解决方案。我提供stackblitz链接：

---

我更新了

chart.js

的依赖项，并显示了十字线

工作

---

下面是另一个使用charts crosshair插件的插件。

是的，现在crosshair就要来了。插件文档说需要Chart.js 2.6.0或更高版本。我猜文档已经过时了。我还添加了插值模式。问题在于“类型”选项。它需要设置为“分散”而不是“线”。此链接中的第三个图表显示-

public lineChartOptions = {
    
    responsive: true,

    tooltips:{
      enabled: true,
      intersect: false,
      mode: "x" //"interpolate"
    },

    plugins:{

       crosshair:{
    
          line:{
            color:'#000',
            width: 3
          }
       }
    }
};