Плагин перекрестия ng2-charts не работает в Angular

Я пытаюсь использовать плагин перекрестия ng2-charts в приложении Angular 5. Мне нужно использовать перекрестие для интерполяции точек. Это демонстрация, которую я нашел в документации: https://chartjs-plugin-crosshair.netlify.app/samples/. В документации говорится, что плагин позволит нам использовать режим всплывающей подсказки как интерполировать. Но это не работает.

Я установил плагин через NPM и импортировал его в свое приложение. Затем я добавил опцию плагина. Но плагин не появляется. Приложение сообщает, что отсутствует модуль chartjs-plugin-crosshair. Не смог найти никакого решения после того, как погуглил в течение дня. Я даю ссылку на stackblitz: https://stackblitz.com/edit/ng2-charts-crosshair-plugin

public lineChartOptions = {
    
    responsive: true,

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

    plugins:{

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

person Akhil V    schedule 25.07.2020    source источник


Ответы (1)


Я обновил зависимость для chart.js, и перекрестие отобразилось.

Рабочий Stackblitz

Вот еще один Stackblitz, который использует плагин charts-crosshair-plugin.

person zerocewl    schedule 27.07.2020
comment
Да, теперь приближается прицел. В документации к плагину сказано, что требуется Chart.js 2.6.0 или новее. Думаю, документ устарел. - person Akhil V; 28.07.2020
comment
Я также добавил режим интерполяции. Проблема заключалась в выборе типа. Его нужно установить как «разброс», а не «линия». 3-й график в этой ссылке демонстрирует - stackblitz.com/edit/ng2-charts-crosshair-tryout - person Akhil V; 29.07.2020