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

как создать функцию, которая запускается при нажатии на круговую диаграмму?

я бы передал выбранный элемент функции

<kendo-chart-series>
    <kendo-chart-series-item
           type = "pie" [data] = "dataSourcePieChart"
           categoryField = "cost" field = "cost">
           <kendo-chart-series-item-labels
              position = "outsideEnd"
              color = "#000"
              [content] = "labelContent">
           </kendo-chart-series-item-labels>
     </kendo-chart-series-item>
</kendo-chart-series>

Думаю, этот пост может вам помочь: stackoverflow.com/questions/49287125/…

— 17.12.2020 17:25

angular kendo-ui pie-chart kendo-ui-angular2 kendo-chart

17.12.2020 16:53

Тестирование функциональных 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

224

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

Ответы 1

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

Привяжите событие seriesClick к kendo-chart.

СерияClickEvent

@Component({
  selector: 'my-app',
  template: `
    <kendo-chart (seriesClick) = "seriesClick($event)">
      <kendo-chart-series>
        <kendo-chart-series-item  
            type = "donut" [data] = "data"
            categoryField = "kind" field = "share">
          <kendo-chart-series-item-labels
            [content] = "labelContent"
            
            color = "#fff" background = "none">
          </kendo-chart-series-item-labels>
        </kendo-chart-series-item>
      </kendo-chart-series>
      <kendo-chart-legend [visible] = "false"></kendo-chart-legend>
    </kendo-chart>
  `
})
export class AppComponent {
  public data: any[] = [{
    kind: 'Hydroelectric', share: 0.175
  }, {
    kind: 'Nuclear', share: 0.238
  }, {
    kind: 'Coal', share: 0.118
  }, {
    kind: 'Solar', share: 0.052
  }, {
    kind: 'Wind', share: 0.225
  }, {
    kind: 'Other', share: 0.192
  }];

  public labelContent(e: any): string {
    return e.category;
  }
  
  public seriesClick(e: any): void {
      console.info(e.category)
  }
}

Пример: серияClick

21.12.2020 00:32