how to create a function that starts at the click event of the pie chart?

[alex]

Hi,

how to create a function that starts at the click event of the pie chart?

i would to pass the selected item to a function

 

                                    <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>

 

Alex

[Hetali]

Hello Alex,

The Kendo UI Chart has a built-in event that starts a function when you click on the series. The SeriesClickEvent also passes a list of arguments in the function. For example:

<kendo-chart (seriesClick)="seriesClick($event)">
  <kendo-chart-series>
    <kendo-chart-series-item type="pie">
    </kendo-chart-series-item>
  </kendo-chart-series>
</kendo-chart>

seriesClick(e) {
  console.log(e);
  alert("Value: " + e.dataItem.value);
}

In this StackBlitz example, the Kendo UI Pie Chart has a SerisClickEvent function.

Please let me know if this helps or if you have any further questions pertaining to this case.

Regards,
Hetali
Progress Telerik