Событие при нажатии на метки кольцевой диаграммы в Primeng (Angular)

Нужны подробности обработчика метода, как добиться этой функциональности. Я попробовал обработчик метода (onDataSelect), он не генерирует событие при нажатии на метки.

Если параметры могут реализовать эту функциональность, то как поступить с этим свойством параметров.

Какую библиотеку вы использовали?

— 30.04.2024 08:49

angular methods chart.js primeng

30.04.2024 08:23

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Легенда Chart.js

onClick (функция)
Обратный вызов, который вызывается, когда событие щелчка регистрируется на элементе метки. Аргументы: [событие, LegendItem, легенда].

Для этого вы можете использовать событие onClickchart.js legend!

...
this.options = {
  cutout: '60%',
  plugins: {
    legend: {
      labels: {
        color: textColor,
      },
      onClick: (event, legendItem, legend) => {
        console.info(event, legendItem, legend)
        legend.chart.toggleDataVisibility(legendItem.index);
        legend.chart.update();
      },
    },
  },
};
...

Демо-версия Stackblitz

30.04.2024 08:47